Vue 路由的query参数

Vue 路由的query参数

query参数的两种写法:

一.跳转并携带query参数，to的字符串写法：

静态

<router-link :to="/home/message/datail?id=666&title=你好">跳转<router-link>

动态

<router-link :to="`/home/message/datail?id=${m.id}&title=${m.title}`">跳转<router-link>

m是v-for遍历的

二.跳转并携带query参数，to的对象写法

<router-link 
:to="{
path:'/home/message/detail',
query:{
id:666,
title:'你好'
}
}"
>跳转<router-link>

接收参数

$route.query.id
$route.query.title