关于vue.js:vue路由传参

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在应用vue开发的过程中,咱们常常会应用到传参,上面我来分享一下vue简略的路由传参,心愿对你有所帮忙。
4.通过路由属性中的name来确定匹配的路由,通过params来传递参数,在template中增加如下代码:

<div class="delete-edit-r" @click="toEdit(item)"></div>

5.在methods中提娜佳如下代码:

toEdit(item) {
    this.$router.push({
     name: "addNewAdress",
     params: {
      item,
     }
    });
   }

6.在接口的页面中进行打印,代码如下:

console.log("我是传进来的只");
console.log(this.$route.params.item);
console.log("我是传进来的值完结啦");

7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。