解决问题: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>