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


<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>

img

img


你把 hanDleClick 写在 methods 外边了

大意了大意了,没有闪。你把人家方法写methods 外面去了,当然会找不到方法。

img


多了个括号吧