好资源导航 » 文章资讯 » vue-admin-template配置快捷导航的代码（标签导航栏）

vue-admin-template配置快捷导航的代码（标签导航栏）

2023-07-17 05:23:04 68

vue-element-admin有关快捷导航说明

1、添加标签
@/layout/components/AppMain.vue添加：

2、复制admin项目中的文件
@/layout/components/TagsView
@/store/modules/tagsView.js
到template对应的目录下
3、修改文件
@store/getters.js

constgetters={
sidebar:state=>state.app.sidebar,
device:state=>state.app.device,
token:state=>state.user.token,
avatar:state=>state.user.avatar,
name:state=>state.user.name,
visitedviews:state=>state.tagsview.visitedviews//新增
}
exportdefaultgetters

@store/index.js

importtagsViewfrom'./modules/tagsView'//新增

Vue.use(Vuex)

conststore=newVuex.Store({
modules:{
app,
settings,
user,
tagsView//新增
},
getters
})

exportdefaultstore

@\layout\index.vue

返回顶部
514930285
czq8825@qq.com

vue-admin-template配置快捷导航的代码（标签导航栏）

随机推荐