vue (iview)根據權限控制columns 的某列顯示與隱藏(通用)


1.需求描述

根據權限控制某列中顯示與隱藏


2.使用場景

根據不同用戶(普通用戶,vip用戶),展示對應的列


3.解決思路

將原來的columns copy一份,然后根據權限去讓它過濾對應的列,就能返回最新的columns了

舉個例子,代碼如下

created() {
    userType(type) {
      // type: 1 普通用戶   2 vip用戶  如果是普通用戶則不能看到 couponAbleNum 這一列。
      if (type == '1') { //此處判斷不用用戶類型是否有有對應的列權限
        this.columns = this.columns.filter(col => col.type !== 'couponAbleNum' )
      } else {
        this.columns = this.columnsCopy
      }
    }
  }

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM