关于vue.js:vue-native-修饰符

在我的项目中,因为子组件绑定的 click 事件层级较深,而导致,父组件获取不到。
在vue 官网文档中,给出了解决办法:你能够应用 v-on.native 修饰符

   <!-- 子组件 -->
   <div v-for="(item, index) in hotApps" :key="index" class="imgSpace">
      <img src="" alt=""  @click="handleClick(item)" />
   </div>
  methods: {
    handleClick(val) {
      this.$emit("imgInfo", val); 
    },
}
   <!-- 父组件 -->
  <childer @imgInfo="showImgInfo" >

不加 .native 修饰符的时候, 是调用不到父组件办法的。
批改 click 为:

  @click.native="handleClick(item)"

就能够拜访父组件办法了。


参考:
vue自定义事件
vue中’. native’修饰符的应用

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理