vue中页面(路由)跳转及传值的几种方式
知道query 和 params 是什么
参考文案:https://www.php.cn/js-tutorial-382859.html
跳转的几种方式与传值
1、router-link
1.1 根据路由路径(无参数与有参数)
<router-link to = "/page">跳转到page页面</router-link>
<router-link :to = "{ path: '/page', query: { id: '001' } }">跳转到page页面</router-link>
1.2 根据路由名称 (无参数和有参数的区别)
<router-link :to = "{ name: 'page', query: { id: '110' } }">跳转到page页面</router-link>
<router-link :to = "{ name: 'page', params: { id: '110' } }">跳转到page页面</router-link>
使用路由与路径·的注意事项:
:to=“” 可以实现绑定动态的 路由 和 参数
注意:router-link中链接如果是‘/‘开始就是从根路由开始,如果开始不带‘/’,则从当前路由开始。
使用params时 是不能通过path跳转的
由于动态路由也是传递params的(