vue 子传父组件

最新推荐文章于 2023-09-07 16:24:50 发布

Ajaxguan

最新推荐文章于 2023-09-07 16:24:50 发布

阅读量533

点赞数

分类专栏： vue基础备忘录文章标签： vue 子传父

本文链接：https://blog.csdn.net/Ajaxguan/article/details/79972259

版权

vue基础备忘录专栏收录该内容

24 篇文章 0 订阅

订阅专栏

子组件注册触发事件，父组件注册触发子组件事件后的方法写在method里面
父组件

<component-a  @child-say="listen"></component-a>
<p>Do you like me? {{childWords}}</p> methods: {
            listen: function (value){
              this.childWords = value
            }
        }

子组件component-a这么写

<button @click="onClickMe">like!</button>
data () {    retrun {
        item: 'hello,world'
    }},
methods: {
      onClickMe: function(){
        this.$emit('child-say', this.item);
      }
    }