给组件内的原生控件添加事件,怎么不生效了!

<!--比如用了第三方框架,或者一些封装的内置组件; 然后想绑定事件-->

<!--// 错误例子1-->
<el-input placeholder="请输入特定消费金额 " @mouseover="test()"></el-input>


<!--// 错误例子2-->
<router-link :to="item.menuUrl" @click="toggleName=''">
  <i :class="['fzicon',item.menuIcon]"></i>
  <span></span>
</router-link>


<!--上面的两个例子都没法触发事件!-->
<!--究其原因,少了一个修饰符 .native-->
<router-link :to="item.menuUrl" @click.native="toggleName=''">
  <i :class="['fzicon',item.menuIcon]"></i>
  <span></span>
</router-link>

<!--https://cn.vuejs.org/v2/guide/components.html#给组件绑定原生事件-->