vue组件的点击事件click失效

280 阅读1分钟

解决问题:vue组件的点击事件click失效

一、使用 修饰符.native即可完美解决,下面是示例代码
<template>
  <div>
    <AppealListItem
      v-for="item in appealList"
      :key="item.id"
      :item-data="item"
      @click.native="handleDetail(item)"
    />
  </div>
</template>
<script>
import AppealListItem from './components/AppealListItem'

export default {
  name: 'AppealList',
  components: {
    AppealListItem,
  },
  data() {
    return {
      appealList: [] // 数据
    }
  },
  created() {},
  methods: {

  }
}
</script>

<style lang='scss' scoped>

</style>