vue-router

vue-router 路由传参方式

1 路由组件传参

1.1 布尔模式

1.1.1 配置路由

添加 props: true 选项

{
   // 我的地址列表
   name: "addressedit",
   path: "/account/addressedit",
   props: true,
   component: () => import("@/views/addressEdit"),
 },

1.1.2 传递参数

在传参的过程中 写上 props: true, 说明开启了路由组件传参

onEditAddress(item, index) {
  this.$router.push({
    name: "addressedit",
    params: { id: index },
    props: true,
  });
  this.$toast("编辑地址:" + index);
},

1.1.3 获取传递的参数

通过 route 对象上的 params 属性获取传递过来的属性 即：this.$route.params

this.$route.params.id

注意：部分文章可能会在不就的将来更新

如果能够帮助到你，是小编最大的荣幸

当然 有 不好的地方 请大家帮忙指出 学习永无止境

小编一直认为 人外有人 天外有天 一起学习 共同进步

让我们共同加油吧！！！