vue-router是vue体系中用来进行页面切换的工具，相当于a标签。那么，如何利用它来传参呢？
vue-router传参有两种方式
下面在vue-router官网的描述
image.png
如： this.$router.push({ name: 'user',params: {id: '10'} })
这种方式的最终结果为：/user
目标页面可以用this.$route.params.id来获取id的值 10
如：this.$router.push({ name: 'user', query: {id: '10'} })
这种方式的最终结果为：/user?id=10
目标页面可以用this.$route.query.id来获取id的值 10
两种情况按实际情况使用，第一种情况在刷新页面的时候传的值就没了。
第二种由于在url后面卸带，所以刷新后还可以获取到
1. vue-router query 和 params 传参 params 传参: 总结： 用params传参只...
路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regist...
1，路由的传参：案例： 2，axios下载：npm install vue-router路由的传参：1.查询字符串...
vue-router路由传参 例一：query传参 //给需要操作的标签添加点击事件 在methods(方法)里...
1.路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regi...
动态操作路由 注意：前者query传参，会在页面url上显示参数，后者params传参则不会，这代表刷新页面前者参...
1.params params传参 2.router-link query传参 3.路由传参
vue-router是vue体系中用来进行页面切换的工具，相当于a标签。那么，如何利用它来传参呢？vue-rout...
在vue-router路由中，传参方式一般分两种： 一种是利用$route.query对象的Get方式传参，与ht...
本文标题：vue-router传参
本文链接：https://www.haomeiwen.com/subject/jpzgkqtx.html
网友评论