Vue-router 传值

1、 动态路由传值

<router-link to='/xxx/数据值'></router-link> 动态绑定值时<router-link :to="'/xxx/'+变量"></router-link>

• 1.配置动态路由
• routes[
• //动态路劲参数 以冒号开头
• {path:’/user/:id’,component:User}
• ]
• 2.在对应的界面
• this.$route.params 获取动态路由的值

2、通过 get的方式传值

<router-liink to="/xxx?名称=数据值"></router-link> 动态绑定值时<router-link :to="'/xxx?名称='+变量"></router-link>

1、路由配置与常规配置一致.
2.在对应的界面

• this.$route.query 获取以get方式传过来的值