vue路由传参中的params和query不要随意乱用
vue中的路由传参主要是分为两种方式:params和query。主要用法就是写在push函数的参数对象中:this.$route.push({});params的写法:this.$router.push({name: 'myPathName', params: {id: '1234'}});在目标页面获取idlet id = this.$route.params.id;...
·
vue中的路由传参主要是分为两种方式:params和query。
主要用法就是写在push函数的参数对象中:this.$route.push({});
params的写法:
this.$router.push({name: 'myPathName', params: {id: '1234'}});
在目标页面获取id
let id = this.$route.params.id;
此时浏览器的地址中是不会带参数的,类似于post传参,并且刷新后参数会丢失。
query的写法:
this.$router.push({path: '/myPathComp', query: {id: '1234'}});
或者就像get传参那样将参数写在路径后
获取方式
let id = this.$route.query.id;
理所当然地址上会暴露出参数
更多推荐
已为社区贡献4条内容
所有评论(0)