vue如何实现父通讯,父写一个函数,子点击按钮执行这个函数?

Question

就是我想实现,子点击按钮,父组件里的一个标签消失

Answer 1

这就是典型的父子组件通信的方式，你的场景是子组件要和父组件通信，那么可以通过事件的方式来实现，也可以给子组件传递一个方法

参考https://segmentfault.com/q/10...

Answer 2

子组件点击事件运行:
this.$emit(父组件绑定的函数，参数)

父组件上:
<父组件 :绑定的函数="要运行的代码或函数">

Answer 3

子组件使用emit触发，父组件使用v-on监听事件后做响应的处理，举例如下：

子组件：

<a href="javascript:;" class="btn btn-danger" @click="cancel">Cancel</a>
cancel() {
    this.$emit('cancel', false)
}
        

父组件：

<address-edit  v-if="editFlag" @cancel="modifyAddressInfo()">        

modifyAddressInfo(flag) {
    this.editFlag = flag
}