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
}
复制代码

 

posted @   鱼樱前端  阅读(2019)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库
 
拂雪 - 不才
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.
  1. 1 往后余生 王贰浪
  2. 2 拂雪 不才
  3. 3 我的一个道姑朋友 洛尘鞅
  4. 4 大田后生仔 王雨萌
点击右上角即可分享
微信分享提示