vue路由传参

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

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

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

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

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

vue路由传参_第1张图片

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

你可能感兴趣的:(vue.js)