因为开发用到了iview等组件库,发现封装好的组件直接只用@click是无效的,所以解决了一下

正文

根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native修饰符

当你使用 <Menu>组件时

 <Menu mode="horizontal" theme="dark" :active-name="$route.path" >    
    <MenuItem name="/" to="/" @click.native="handclick(1)">我的项目</MenuItem>

必须加上 @click.native=“handclick(1)”,才会触发handclick(1)方法

诸如此类组件,都是需要加@click.native才能触发

分析

等同于在自组件中:

子组件内部处理click事件然后向外发送click事件:$emit(“click”.fn)

扩展

给普通的标签加事件,然后加native是无效的

Logo

前往低代码交流专区

更多推荐