源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  vue 的 $emit 的用法(父子组件传值)

vue 的 $emit 的用法(父子组件传值)

分类: 文章 • 2023-11-27 19:43:28

vue 父子组件传值的方式,父组件 --> 子组件  或者  子组件 ----> 父组件

下面,简洁的说一下vue中这两者传值的方式:

子组件:

在methods方法中,触发this.$emit('reload',  param);

vue 的 $emit 的用法(父子组件传值)

 

 

父组件:

父组件中监听reload方法,并触发init方法。

vue 的 $emit 的用法(父子组件传值)

vue 的 $emit 的用法(父子组件传值)

相关推荐

  • vue 当父组件需要刷新子组件里的获取列表的时候,传值方式
  • vue父子组件传值,以及监听传值(超级详细)
  • el-dialog父子组件传值,关闭el-dialog时报错的解决方法
  • 解决vue双向绑定bug,父组件向子组件传数组或者对象时,子组件修改传过来的数组或者对象时,父组件也相应的修改
  • 学习日记--关于vue.js 非父子元素传值的测试
  • Android 组件系列-----Activity的传值和回传值
  • vue学习18:非父子组件间的传值(bus/总线/发布订阅者模式/观擦者模式)
  • Vue 父子组件v-model实现动态传值
  • vue 父子传值,子页面没有实时刷新的问题
  • vue插槽和父子组件传值的应用场景
  • props
  • vue中用props的值给子组件的data赋值
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号