共计 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’ 修饰符的应用
正文完