先看案例 点击详情 把授信余额 这个字段 携带到详情页面 详情页面是另一个页面
一、详情的跳转事件
// 带上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项目