以主页面向详情页跳转为例:
(1)在router.js的路由字典中设置为允许一个路径携带参数:
routes:{
path:'/details/:变量名',
component:Details,
props:true
}
(2)在接收参数的页面中:
<script>
props:["变量名]
</script>
结果在这个页面中,就可以随意使用上个页面传过来的值了
(3)在发送参数的页面中:
<router-link to ="/details/变量名">
或者:this.$router.push("/details/变量值")
值得注意的是:如果routes中一个路径被规定携带参数,则再使用不带参数的路径访问这个页面,就进不去了。今后,凡是访问这个路径,必须携带参数值。