vue项目使用@click绑定点击事件不生效?
具体遇到的问题:
当我点击按钮时,该按钮绑定的事件并未触发,但是会触发另外一个按钮的事件。
解决方案,加上native修饰符(监听根元素的原生事件,使用 .native 修饰符)
<el-tooltip
class="item"
effect="light"
content="编辑"
placement="top"
@click.native="handleEdit(scope.row)"
>
<el-button type="primary" icon="el-icon-edit"></el-button>
</el-tooltip>
<el-tooltip
根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native修饰符,故写法就像上面这样