vue点击列表传参进入详情页_vue中,点击列表页某一条数据进入编辑页

1. 在列表页文件的methods方法中写跳转代码

  methods: {
    handleWatch (row) {
      // console.log(row.activeJobId)
      this.$router.push({path: 'gd_detail/', query: {id: row.activeJobId}})
    }
1
2
3
4
5

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
        })
    }
1
2
3
4
5
6
7
8
9
10