el-table vue-seamless-scroll 按钮点击事件不生效
时间: 2023-12-05 11:41:23 浏览: 157
根据提供的引用内容,el-table和vue-seamless-scroll都是Vue.js的组件,其中vue-seamless-scroll是一个用于实现无缝滚动的组件。在使用vue-seamless-scroll包裹了一个滚动div的list后,发现list中的div需要点击进行其他逻辑处理时,却没有任何效果。这是因为vue-seamless-scroll中间包裹的dom复制渲染,没有带上dom的事件导致的。解决这个问题的方法是在vue-seamless-scroll组件中添加@click.native修饰符,以便在子组件中触发原生的点击事件。
至于el-table的按钮点击事件不生效,可能是因为没有正确绑定事件或者事件绑定的方法有误。可以检查一下事件绑定的语法是否正确,以及事件绑定的方法是否存在或者是否有误。
下面是一个关于如何在vue-seamless-scroll组件中添加@click.native修饰符的例子:
```vue
<template>
<vue-seamless-scroll>
<div v-for="(item, index) in list" :key="index" @click.native="handleClick(item)">
{{ item }}
</div>
</vue-seamless-scroll>
</template>
<script>
import VueSeamlessScroll from 'vue-seamless-scroll'
export default {
components: {
VueSeamlessScroll
},
data() {
return {
list: ['item1', 'item2', 'item3']
}
},
methods: {
handleClick(item) {
// 处理点击事件
}
}
}
</script>
```
阅读全文