我们在写vue项目中会用到router-link但是我们在一些参数获取上可能有些问题,下面请看我所遇到的问题,我主要是运用在router/index.js中的,主要解决tag标签的动态,希望对你有帮助!
我这里用的query传参
<div>
<template slot-scope="scope">
<router-link :to="{path:'路由',query:{name:1111}}">
<span></span>
</router-link>
</template>
</div>
那么在router/index.js中我主要是想解决的问题是跳转tag更新不及时
{
path: '/home',
component: ,
hidden: true,
children: [
{
path: '',
component: ,
name: 'home',
meta: { title: '' }
}
]
},
const router = new Router({
mode: 'history', // 去掉url中的#
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})
//to:去哪里,from:来自哪里,next:下一步去哪
router.beforeEach((to,from,next)=>{
//先判断name=='home'就说明有这个页面
if(to.name=='home'){
//在判断传过来的值有没有,也不为null,再赋值
if(to.query.name!=null){
to.meta.title=to.query.name
}
}
next()
})
以上就是我所遇到的问题,并给出的解答!!!