vue做页面按钮权限--分析
import * as types from '../mutation-types' const state = { btnCode: getBtnCode(), } const mutations = { getBtnObj(state, btnCodeObj) { // 登录成功后获取--按钮权限 state.btnCode = btnCodeObj; }, } const getters = { btnCode: state => state.btnCode } const actions = { actionsBtnList({ commit }, btnlist) { commit('getBtnObj', setBtnList(btnlist)) }, } // 按钮--权限 function setBtnList(list) { // 解决刷新后才出现按钮--权限的数据 let codeObj = { '100010': btnCode('100010', list), // xxx按钮code码； } sessionStorage.setItem('btnObj', JSON.stringify(codeObj)); let btnCodeObj = JSON.parse(sessionStorage.getItem('btnObj')) || {} return btnCodeObj }function getBtnCode() { return sessionStorage.getItem('btnObj') ? JSON.parse(sessionStorage.getItem('btnObj')) : {} }function btnCode(code, list) { // console.log(list,'按钮list') return list.findIndex(e => { return e.buttonCode == code }) }export default { state, mutations, getters, actions }
【vue做页面按钮权限--分析】转载于:https://www.cnblogs.com/lhl66/p/11098574.html
推荐阅读
- 我要做大厨
- 2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]
- 我从来不做坏事
- 子龙老师语录
- vue-cli|vue-cli 3.x vue.config.js 配置
- 做一件事情的基本原理是什么（）
- 2020-04-07vue中Axios的封装和API接口的管理
- 做个俗物有什么不好
- 28岁|28岁,做一个通透又自由的姑娘。
- 良心