子组件修改父组件的属性值

weixin_30846599

于 2019-09-04 14:45:00 发布

阅读量452

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangshishuai/p/11459061.html

版权

本文详细介绍了在Vue中如何实现父组件与子组件之间的数据传递及事件触发。通过props属性，子组件可以接收父组件传来的数据；利用$emit方法，子组件能够将修改后的值反馈给父组件，实现双向通信。

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

父组件调用子组件

 <base_picker v-show="show2" :sendList="show2" @sendMessage="message"></base_picker>

子组件 用 props 获取父组件传递的值
使用 $emit 将修改的值传递给父组件

 props:['sendList','lable_list'],

  methods:{
    sendMsg() {
      this.$emit('sendMessage', false)
    },
    ok_http(){
      
    }
  }

进行事件更新展示
methods:{
 message(val){
        this.show2=val
    },

}

转载于:https://www.cnblogs.com/wangshishuai/p/11459061.html

子组件 修改父组件的属性值

子组件修改父组件的属性值