Vue 路由 query 传参

一、传递参数

1、固定参数

<router-link to="/home/message/detail?name=jojo&age=8">{{ m.title }}</router-link>

2、变化参数(对象写法)

关键字：path 路径(完整)，query: 对象

<router-link :to="{path:'/home/message/detail',query:{// key value id:m.id,title:m.title}}">{{ m.title }}
</router-link>&nbsp;&nbsp;

二、接受参数 $route.query的值是对象，有传递的完整参数

$route.query.id