本文介绍了一个关于Vue.js中自定义组件无法触发click事件的问题。通过在事件监听器上添加`.native`修饰符，成功解决了组件无法响应点击事件的难题。修改后的代码演示了如何正确地绑定并触发组件的点击事件。
代码：
<TopButton v-show="showBtnToTop" @click="scrollBack(1)"/>这样是不能触发click事件的，即这个自定义组件“TopButton”是不能直接触发点击事件的！
加上.native就可以了，修改之后的代码如下：
<TopButton v-show="showBtnToTop" @click.native="scrollBack(1)"/>再次运行，运行成功！
vue的自定义组件不能使用@click方法
代码：
<TopButton v-show="showBtnToTop" @click="scrollBack(1)"/>这样是不能触发click事件的，即这个自定义组件“TopButton”是不能直接触发点击事件的！
加上.native就可以了，修改之后的代码如下：
<TopButton v-show="showBtnToTop" @click.native="scrollBack(1)"/>再次运行，运行成功！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
