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修饰符,故写法就像上面这样

Logo

前往低代码交流专区

更多推荐