社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
tabs数据从vuex中读取,方便管理
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default { //state相当于一个全局的共享内存,在该应用的其他地方可以访问,访问必须通过mutations才能访问 state: { //当前激活的选项卡name值 editableTabsValue: 'desktop', //tabs数据 tabs: [ { title: "首页", name: "desktop" }, { title: "用户管理", name: "userList" }, { title: "角色管理", name: "roleList" }, { title: "权限管理", name: "menuList" } ] }, mutations: { }, actions: { }}
import Vue from 'vue'import Vuex from 'vuex'//分模块管理store,在总模块引入其他的分模块就可以Vue.use(Vuex)//引入MenuStoreimport MenuStore from '@/store/MenuStore'export default new Vuex.Store({ modules: { MenuStore }})
{{item.content}}
修改后tabs.vue代码如下
{{item.content}}
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!