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

5次阅读

共计 407 个字符,预计需要花费 2 分钟才能阅读完成。

在我的项目中,因为子组件绑定的 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’ 修饰符的应用

正文完
 0