声明式导航传参

最新推荐文章于 2023-12-31 23:25:48 发布

小白花花子

最新推荐文章于 2023-12-31 23:25:48 发布

阅读量323

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_56149392/article/details/120796482

版权

本文介绍了在Vue.js中使用声明式导航进行路由参数传递的三种方式：1) 直接通过`type`属性传参；2) 使用对象方式，包含`path`和`query`字段传递；3) 通过路由名称`name`配合`query`传递。请注意，不能同时使用`path`和`params`进行传参。

摘要由CSDN通过智能技术生成

声明式导航传参可以通过<router-link>标签的to实现

1直接传参

 <router-link to="/find?type=recommend" tag="p">发现</router-link>

2通过对象

      <router-link :to="{path: '/find',query:{ id: 112, name: 'Jenny'}}" tag="p">发现</router-link>

3 通过路由名称

<router-link :to="{name: 'comFind',query:{id:110}}" tag="p">发现</router-link>

注意：path不能和params组合传参

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注