VUE~~~通过首页链接到功能点对应的tab页(同一页面,不需打开多个页面)

如果想要链接到同一个页面,路由跳转需要用name而不是path

//router.config.js
{
    path: '/mainitem',
    name: 'MainItem',
    component: () => import('@/views/mainitem/MainItem'),
    meta: { title: '项目信息', keepAlive: true, icon: 'gold', permission: ['01', '09']}
}
//
g.routerurl = { name: "MainItem", params: { activeKey: "1" } }
<router-link :to="g.routerurl">
    <img :src="g.url" height="32px" />
    <p>{{ g.text }}</p>
</router-link>
//
activated () {
    this.activeKey = this.$route.params.activeKey ? this.$route.params.activeKey : '1'
}


猜你喜欢

转载自blog.51cto.com/dd118/2600589