template
<el-checkbox-group v-model="menu_ide" v-for="(item,index) in menu_idss" :key="index">
<el-checkbox :label="item.label" style="margin-top:10px;margin-left:20px;"></el-checkbox>
</el-checkbox-group>
data:
// 權限數組 ----> 本身的權限列表,用來做對比
menu_idss : [],
menu_ide : [], //綁定的權限數組，用來顯示有幾個權限
user_id : '', // 用戶id，用於向后端發送請求查看當前用戶是有多少權限
menu_ids : [], //權限中轉站，可要可不要
methods:
//獲取當前點擊用戶的權限列表
editJurisdictionse(id){
var admin_user = id; // 用戶id
this.user_id = id;
this.menu_ide = [] // 綁定的權限數組獲取之前清空，防止出現權限 包含了 查看上一個用戶的權限列表
后端提供的接口api (admin_user).then(res=>{
//獲取當前用戶擁有的權限列表
this.menu_ids = res.data.menus //后端返回的查看當前用戶的權限列表
// menu_idss = 權限數組 menu_ids = 當前用戶擁有的權限 menu_ide=綁定的權限數組
for(var i=0;i<this.menu_idss.length;i++){ //便利本身擁有的數組
for(var j=0;j<this.menu_ids.length;j++){ //便利權限中轉站
if(this.menu_idss[i].id == this.menu_ids[j].id){ //判斷權限是否相同
this.menu_ide.push(this.menu_ids[j].title) // 相同存進 綁定的權限數組里
}
}
}
}).catch(()=>{
this.$message.error("獲取權限列表失敗")
})
},