vue中.navtive事件修饰符

Posted 2021-07-11 奥特曼　

其他修饰符 官网 

在我们平常都是给一些dom元素添加事件 并没有给组件添加过事件 

给组件添加事件是肯定可以成功，但是当你给组件添加事件的时候 他不会触发事件，这也是vue中的一个坑吧

子组件中不会有任何反应 

    <Form @click="hClick" />

添加事件名.navtive修饰符

 <Form @click.native="hClick" />

添加事件修饰符后 相当于父组件给子组件绑定了一个原生的事件，就将子组件变成了普通的HTML标签看待，如果不加 他会相当于给组件添加了一个自定义事件

当我们用UI框架的时候 有些组件也不会生效 都要加上 .native 而有有些UI组件中的button生效相当于外面报出来一个自定义事件click 

父

  <el-button @click="hClick">123</el-button>

子

<div @click="$emit('click')"></div>