van-cell 跳转页面传参
时间: 2023-11-26 10:13:41 浏览: 312
vant 自定义 van-dropdown-item的用法
5星 · 资源好评率100%
van-cell 组件可以通过 :to 属性进行页面跳转,并传递参数。在给 :to 绑定的对象中,可以使用 name 和 params 两个属性来进行传参。name 表示目标路由的名称,params 表示传递的参数。在模板中,可以这样使用 van-cell 组件进行页面跳转传参:
```
<van-cell :to="{ name: 'article', params: { articleId: article.id } }">
<div slot="title" class="title">{{ article.title }}</div>
</van-cell>
```
其中,name 的值为目标路由的名称,params 的值为一个对象,包含需要传递的参数。在这个例子中,articleId 是需要传递的参数,它的值是通过 article.id 获取得到的。这样就可以在跳转到 article 页面时,传递 articleId 参数给目标页面进行使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue实现动态路由传参(页面跳转传参):](https://blog.csdn.net/weixin_53791978/article/details/126362461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue手撸移动端后台(8)页面传参和数据删除](https://blog.csdn.net/qq_21019419/article/details/89916384)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文