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;

理所当然地址上会暴露出参数

Logo

前往低代码交流专区

更多推荐