Vue設定許可權列表目錄

qq_41429765發表於2020-12-30

首先:後端所傳內容是:accessList:1,2,3,4,5,6,7,8  //每一個值代表一個功能

前端接收:目錄固定也是一個值代表一個功能,可根據後端返回的值與前端固定目錄中的值作比較,如果後端有這個值有,則前端接收這個值顯示此功能目錄

前端預設列表:

accessDefault:{

   '功能一':false,

   '功能二':false,

   '功能三':false

}

程式碼處理:

//先轉成陣列,再轉成map 

let zhi=accessList.split(',');

let map={};

for(let i of zhi){

    map[i]=true;

}

//這樣就知道如果map中的某個值沒有,則那個目錄不顯示

比如:map['1']   值為false,則   accessDefault[‘功能一']=map['1'];    那這個功能得到的值也為false,放到目錄中判斷,這個功能則不顯示或禁用

 

相關文章