vue路由传参中的params和query不要随意乱用
2019-06-12 14:51
633 查看
vue中的路由传参主要是分为两种方式:params和query。
主要用法就是写在push函数的参数对象中:this.$route.push({});
params的写法:
[code] this.$router.push({name: 'myPathName', params: {id: '1234'}});
在目标页面获取id
[code]let id = this.$route.params.id;
此时浏览器的地址中是不会带参数的,类似于post传参,并且刷新后参数会丢失。
query的写法:
[code] this.$router.push({path: '/myPathComp', query: {id: '1234'}});
或者就像get传参那样将参数写在路径后
获取方式
[code]let id = this.$route.query.id;
理所当然地址上会暴露出参数
相关文章推荐
- vue路由传参常用写法,vue路由传参params和query差别,params刷新页面丢失参数,query不会丢失
- vue 路由传参用query或params
- vue 路由传参 params 与 query两种方式的区别
- vue 路由传参 params 与 query两种方式的区别
- vue路由传参params和query区别
- vue路由传参query和params的区别
- vue 路由传参 params 与 query两种方式用和的区别
- vue-router params query 传参
- vue路由 query传参和params传参的区别
- vue小知识 路由传参数params,query
- vue params、query传参使用详解
- vue 路由传值 query 和 params
- vue params、query传参使用(四)
- vue学习笔记:7.2.路由规则中定义参数-query传参与params传参
- Vue(Router) query与params传参/接收参数的区别
- Vue之嵌套router传参params与query
- Vue动态路由 使用params进行传参。
- vue之this.$route.query和this.$route.params接收参数
- VUE通过路由 QUERY传递参数
- 浅析vue-router jquery和params传参(接收参数)$router $route的区别