总结|vue点击列表传参进入详情页

  1. 在列表页文件的methods方法中写跳转代码
methods: { handleWatch (row) { // console.log(row.activeJobId) this.$router.push({path: 'gd_detail/', query: {id: row.activeJobId}}) }

【总结|vue点击列表传参进入详情页】2.在详情页文件的methods方法中获取参数
init () { this.id = this.$route.query.id console.log(this.id) // 获取详情数据 getGdDetail({activeJobId: this.id}) .then(res => { console.log(res) this.personInfo = res.query_result.serv_name }) }

    推荐阅读