根据案例来学习是最好的学习方法,能够将所学的知识运用到案例中
练中学,学中练
那我们就话不多说就来学习一下路由中是如何传参的!
案例效果
使用到的参数
query参数
书写方法一:
<router-link :to="`/home/message/detail?id=${m.id}&title=${m.title}`">{ {m.title}}
</router-link>
其中?后面的id=${m.id}&title=${m.title}就是可以传递给网页的参数,如图:
书写方法二:(更推荐)
<!-- 跳转路由并携带query参数,to的对象写法 -->
<router-link :to="{
path:'/home/message/detail',
query:{
id:m.id,
title:m.title
}