vue router params
时间: 2023-09-17 14:14:52 浏览: 94
讲解vue-router之什么是动态路由
在Vue Router中,可以使用params参数来传递数据。在路由链接中,可以使用对象写法来设置params参数。例如,可以使用以下代码来设置params参数:
<router-link :to="{ name:'xiangqing', params:{ id:m.id, title:m.title } }">{{m.title}}</router-link>
其中,name是路由的名称,params是一个对象,包含了要传递的参数。在目标路由组件中,可以使用this.$route.params来获取传递的参数。例如,在Message.vue组件中,可以使用以下代码来获取参数:
this.$route.params.id
this.$route.params.title
这样就可以在路由组件中获取到传递的params参数了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue2进阶篇:vue-router之路由的params参数](https://blog.csdn.net/a924382407/article/details/125690303)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文