调转详情页面携带el-table表格的字段参数vue element项目

先看案例 点击详情 把授信余额 这个字段 携带到详情页面 详情页面是另一个页面

一、详情的跳转事件

    // 带上id去详情页面
    toDetail(row) {
      this.$router.push({
        path: "/ainiu/vipdetail",
        query: {
          id: row.customerId,
          edu: row.creditAvailable,
          mySendDiscout: row.mySendDiscout,
        },
      });
    },

二、在详情的页面使用mounted

1.  mounted() {
    this.edu = this.$route.query.edu
    console.log(this.$route.query.edu,'转过来的可用额度')
    this.id = this.$route.query.id
    console.log(this.$route.query.id,878787878787)
}

return 里面记得赋值

3.渲染在页面上

温馨提示:如果以上方法尝试过了,问题还没解决的朋友,如果您不嫌弃,欢迎评论或者私信联系,我会第一时间与您取得联系,和您一起探讨解决问题!绝不收取任何咨询费用!

关键词搜索优化(与文章无关):

调转详情页面携带el-table表格的字段参数vue element项目

猜你喜欢

转载自blog.csdn.net/qq_44224811/article/details/129465129