后台管理系统中----菜单的展开和收起

最新推荐文章于 2024-08-15 08:55:57 发布

如果决定要走又何必挽留

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量227

点赞数

文章标签： javascript 开发语言 ecmascript elementui

本文链接：https://blog.csdn.net/qq_59076775/article/details/132133550

版权

1.下载vuex

npm i  vuex@3.6.2

2.创建文件夹 src/store/index

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
import tab from "./tab";
export default new Vuex.Store({
  modules: {
    tab,
  },
});

注册Vuex并且注册tab模块来控制菜单的展开和收起

3.tab模块的内容

export default{
    state:{
        isCollapse: false, //用于控制菜单的展开和收起
    },
    mutations:{
        // 修改菜单展开收起的方法
        collapseMenu(state) {
            state.isCollapse = !state.isCollapse;
          },
    }
}