父子组件之间的传值方法

最新推荐文章于 2023-12-28 16:46:43 发布

来者可是诸葛孔明

最新推荐文章于 2023-12-28 16:46:43 发布

阅读量249

点赞数

分类专栏：笔记文章标签： javascript es6 前端

本文链接：https://blog.csdn.net/QTATQ/article/details/121158344

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.子组件定义方法用$emit（“函数”,“要传的值”）

//子组件页面
     <div @click="sendValue(item)"></div>
     sendValue(item){
          this.$emit('selectMessage',item)
     }

2.父组件中的子组件接收

//父组件里面的自定义的子组件名称
 <Common-Term-Management
       @selectMessage="selectMessageMethod"
      ref="ManagementRefs"
      v-if="ManagementVisable"
    ></Common-Term-Management>
    
    selectMessageMethod(item){
    consele.log(item) //获取到子组件传过来的值
    }