vue父组件调用子组件的方法

 时间:2024-10-28 08:54:03

1、下面小编就为大家分享一篇Vue父组件调用子组件事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。

vue父组件调用子组件的方法

2、Vue父组件向子组件传递事件/调用事件不是传递数据(props)哦,适用于 Vue 2.0。

vue父组件调用子组件的方法

3、方法一:子组件监听父组件发送的方法方法二:父组件调用子组件方法

vue父组件调用子组件的方法

4、子盲褓梆尺组件:export default {mounted: function () {this.$nextT足毂忍珩ick(function () {this.$on('childMethod', function () {console.log('监听成功')})})},methods {callMethod () {console.log('调用成功')}}}

vue父组件调用子组件的方法

5、父组件:<挢旗扦渌;child ref="child" @click="click"媪青怍牙></child>export default {methods: {click () {this.$refs.child.$emit('childMethod') // 方法1this.$refs.child.callMethod() // 方法2},components: {child: child}}

vue父组件调用子组件的方法
  • 细胞培养仪器清洗事项
  • 白俄罗斯旅游攻略
  • 如何开启天眼.查APP的热点讨论
  • vivo最新款手机是哪款
  • 新手上路之如何注册神州租车
  • 热门搜索
    英语手抄报的内容 手抄报边框图片大全 鲁滨逊漂流记手抄报 国庆中秋手抄报 战争手抄报 戏曲大舞台手抄报 新冠状病毒手抄报 庆元旦迎新年手抄报 爱护环境手抄报 关于新型冠状病毒的手抄报