vue 子组件改变父组件的值 ( el-dialog封装控制显示隐藏)

sunlizhen

于 2020-03-23 15:41:54 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/105049530

vue 专栏收录该内容

157 篇文章

订阅专栏

本文介绍了一个Vue应用中，如何通过props和$emit实现父组件与子组件之间的数据传递与状态同步。具体展示了子组件如何使用$emit触发父组件的方法，以及父组件如何监听子组件的事件并更新状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父组件

<componentTree v-show="panelShow" :panelShow="panelShow" @add-comment="getDate" @setValue="setValue"></componentTree>
setValue(res) {
  this.panelShow = res
},

子组件
props:{
  panelShow: {
    type: Boolean
  }
},
// 改变父组件的值
this.$emit('setValue',false); // 关闭弹框的传值
this.$emit('add-comment')

vue 子组件改变父组件的值 ( el-dialog封装 控制显示隐藏)

vue 子组件改变父组件的值 ( el-dialog封装控制显示隐藏)