vue路由传参—params—query

1、Params的方式

类似于get请求,传递的数据会在浏览器地址显示
Params路由传参分为三步:
1、绑定参数
在你传参的路由绑定参数
vue路由传参—params—query_第1张图片

2、发送数据
vue路由传参—params—query_第2张图片

3、接收参数
在路由页面用this.$route.params.listdata收传递过来的参数。
vue路由传参—params—query_第3张图片

二、query

类似与post请求,传递的数据不会再浏览器地址显示。

query传参分文两步:发送-接收(不需要再路由中配置)

1、传递参数
在这里插入图片描述

2、接收参数
vue路由传参—params—query_第4张图片
vue路由传参—params—query_第5张图片
1、query和params是两种传参方式
2、使用params传参只能由name引入路由,如果写成path页面会显示undefined报错。
3、使用query传参的话可以使用path也可以使用name引入路由
4、params是路由的一部分,一定要加路由后面添加参数,不添加刷新页面数据会丢失;而query是拼接在url后面的参数,路由后面不添加也没关系。

你可能感兴趣的:(笔记,vue,vue)