vue子组件回调父类方法this.$emit()

木吉z

于 2021-03-16 14:34:23 发布

阅读量2.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.csdn.net/u011086811/article/details/114880251

子组件有时需要想向父组件传值或者使用父组件方法
那我们就要用到 this.$emit()


//父组件--------------------------------------------------
<template>
    ....
 
    <子组件  :deta='deta'  @回调方法="父类方法" ></子组件>
</template>


<script>
    methods: {
          父类方法(回调参数){
                
                console.log(回调参数)
          }
    },
</script>

---------------------------------------------------------

//子组件--------------------------------------------------
<template>
    ....
 
    <div  @click="childClick">回调事件</div>
</template>

<script>
 
    methods: {
          childClick(){
              // 父组件 回调传参
                let 回调参数= '111';
               this.$emit('回调方法',回调参数);
          }
    }
</script>
----------------------------------------------------------