1.之前用的比较少,都是直接用this.$router({path:''',query:{}})这样带参数传参,今天发现大佬动态传参,结果router那边限制一个id,,导致我这边跳转一直404,所以vue路由动态传参(多个)
1.现在router.js中配置
{path: '/shopping/goodDetail/:id/:time',
component: () =>
import ('@/views/shopping/goodDetail.vue'),
props: true,
meta: {
title: '详情',
showMenu: false,
}
},
2..vue文件
goDetail(item) {
this.$router.push(`/shopping/goodDetail/${item.id}/${item.time}`)
},
3.参数的接收
created() {
console.log('参数',this.$route.params)
this.getDatail();
},
路由跳转要传递几个参数,就在router.js文件中配置,如果没有,页面跳转就会404找不到