路由使用query和params的差别
1.入参的差别:
methods: {
itemClick() {
// query方式:
this.$router.push({
path: "/detail",
query: {
iid : this.goodslistitem.iid
}
});
// params方式
this.$router.push('/detail/' + this.goodslistitem.iid)
}
}
2.路由的差别:
{
// query方式
path: '/detail',
component: Detail
},
{// params方式
path: '/detail/:iid',
component: Detail
}
3.接收参数的差别:
// query方式
this.iid = this.$route.query.iid;
// params方式
this.iid = this.$route.params.iid;