數據列表`列字段`權限控制 === >[info] 針對數據列表的列字段進行權限控制，控制列字段的展示與不展示，需要菜單的權限配置與頁面代碼配合使用。 **配置權限步驟：** `增加了有效的菜單權限配置與代碼后，未授權時隱藏，授權時顯示` **舉例：** 針對常用示例列表的，字段`用戶名`，控制他的顯示與隱藏  ### 權限控制步驟 #### 1. 針對列表列配置權限 ``` 在配置前需要對需要控制的列表權限編碼定義一個前綴，規則自己設計，不同的列表定義不同前綴最好不要重復 例如：定義前綴“testdemo:” 則需要對列表中的name列進行控制，權限編碼為，前綴+列字段名 （“testdemo:name”） ``` 在對應的列表頁面菜單下配置權限：  配置說明： - 菜單類型：選擇“按鈕/權限” - 授權標識：前綴+列字段名 （“testdemo:name”） - 授權策略：選擇“顯示/訪問(授權后顯示/可訪問)” - 狀態：選擇“有效” #### 2. 增加頁面控制代碼 （1）引入工具方法 ``` import { colAuthFilter } from "@/utils/authFilter" ``` （2）created方法中增加方法調用，根據權限過濾展示的列 ``` created() { this.disableMixinCreated=true; this.columns = colAuthFilter(this.columns,'testdemo:'); this.loadData(); this.initDictConfig(); }, 說明： colAuthFilter方法： 第一個參數：列表定義的列信息 第二個參數：列權限控制定義的權限編碼前綴“testdemo:” ``` #### 3.附錄注意 權限編碼為，前綴+列字段名 （“testdemo:name”）中的列名需要與前端vue頁面中的屬性columns中的字段保持一致  此圖中： 用的字段翻譯字段，所以配置權限編碼的列字段名也得是：sex_dictText