Vue (第6篇教程从一个页面跳转并且传参到另一个页面)

最新推荐文章于 2024-07-27 11:33:23 发布

一只程序猿小白

最新推荐文章于 2024-07-27 11:33:23 发布

阅读量3.6k

点赞数 1

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_42540989/article/details/99731070

版权

Vue 专栏收录该内容

32 篇文章 3 订阅

订阅专栏

本文跳转传参用的是：this.$router.push

1、首先定义好要跳转的页面（跳转到MonitoringDetails）以及传递的参数（benid2就是要传递的参数）。

  goMonitoringDetails() {
      this.$router.push({ 
        name: "MonitoringDetails",     //跳转的页面
        params:{
          "benid2":this.currentData.benid2        //我们要传递的参数
          } 
        });
    }

2、在另一个页面（MonitoringDetails）接收。

  getParams(){
        var routerParams = this.$route.params.benid2;
        // 将数据放在当前组件的数据内
        this.id = routerParams;
        console.log("我们接收的参数为:"+this.id)   
    },