vue路由跳转动态传参(多个)

200 阅读1分钟

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找不到