使用菜单栏进行路由跳转
class="el-menu-vertical-demo"
router
background-color="#708090"
text-color="#fff"
active-text-color="#ffd04b">
{{ item.navItem }}
数据
data() {
return {
navList: [
{name: '/selectProcess', navItem: '选择进程', icon: 'el-icon-view'},
{name: '/newProcess', navItem: '创建新进程', icon: 'el-icon-edit'},
]
}
},
配置路由
{
path: '/process',
components: {
root: () => import('./../views/process/process.vue'),
},
redirect: '/selectProcess',
children: [
{
path: '/newProcess',
components: {
processBody: () => import(''),
},
name: 'newProcess',
},
{
path: '/selectProcess',
components: {
processBody: () => import(''),
},
name: 'selectProcess',
}
]
},
效果图
t^3
发布了12 篇原创文章 · 获赞 0 · 访问量 398
私信
关注
标签:name,process,selectProcess,element,ui,navItem,跳转,import,icon
来源: https://blog.csdn.net/tangyuan0217/article/details/104429735