vue中，动态菜单-NavMenu导航菜单——el-menu动态导航菜单(三)

vue中，动态菜单-NavMenu导航菜单——el-menu动态导航菜单(三)

7、数据产品-产品列表文件

src\views\dataProduct\productList\ProductList.vue

<template>
    <div class="content wrapper" v-loading="loading" element-loading-text="加载中">
      <el-breadcrumb class="indexNav" separator-class="el-icon-arrow-right">
        <el-breadcrumb-item>数据产品</el-breadcrumb-item>
        <el-breadcrumb-item>产品列表</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
</template>

8、srore文件

src\store\index.js

/*
 * @Descripttion:
 * @version:
 * @Author:
 * @Date: 2022-06-05 11:21:23
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-06-05 12:20:26
 */
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);

// 状态
const state = {
  fromPath: '',
  token: sessionStorage.getItem('token'),
  menuIsCollapse: false,
  menuList: JSON.parse(sessionStorage.getItem('menuList')),
  menuId: '',
  access_token: '', // DAS token
}

// mutations用来操作state
const mutations = {
  // 操作菜单折叠按钮
  changeCollapse (state) {
    state.menuIsCollapse = !state.menuIsCollapse;
  },
  // 保存token
  SAVE_TOKEN (state, token) {
    sessionStorage.setItem('token', token);
    state.token = token;
  },
  // 保存用户相关信息
  SAVE_USERINFO (state, userInfo) {
    sessionStorage.setItem('userInfo', JSON.stringify(userInfo));
    state.userInfo = userInfo;
  },
  // 保存用户相关信息
  SAVE_MEAULIST (state, list) {
    // 存在sessionStorage中以防界面刷新vue实例重新加载,store也会被重置,数据清空
    sessionStorage.setItem('menuList', JSON.stringify(list));
    state.menuList = list;
  },
  setMenuId (state, menuId) {
    state.menuId = menuId;
  }
}

export default new Vuex.Store({
  state,
  mutations
})