列表跳转详情遍历出的绑定点击事件报错！

Question

<template>
  <div class="wrap">
    <div class="cont" v-for="(data, index) in dataList" :key="index">
      <div class="inner">
        <div class="box">
          <div class="imgs">
            <img
              src="../../pic/DGcommissionSettingsStore_headportrait.png"
              alt=""
            />
          </div>
          <span class="name">{{data.name}}</span>
        </div>
        <div class="examine" @click="hanDleClick(data.id)">审核</div>
      </div>

      <div class="data">
        <img src="../../pic/salesPerformance_time.png" alt="" />
        <span>申请时间：</span>
        <p>{{data.date}}</p>
      </div>
    </div>


  </div>
  
</template>
<script>
export default {
  name: 'MDshoppingGuideReview',
  data () {
    return {
      dataList: [],
      page: 1
    }
  },
  onLoad () {
    this.loadData()
  },
  methods: {
    async loadData () {
      let param = {
        page: this.page,
      }
      const res = await this.$api.MDshoppingGuideReview.application(param)
      console.log(res)
      this.dataList = res.data
      console.log(this.dataList)
    }
  },
  hanDleClick(res) {
    this.navigateTo({
        url: `../MDshoppingGuideReview/main?id=${res}`
      })
  }
}
</script>

Answer 1

你把 hanDleClick 写在 methods 外边了