国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Vue父組件調用子組件事件方法

2019-11-19 14:19:37
字體:
來源:轉載
供稿:網友

Vue父組件向子組件傳遞事件/調用事件

不是傳遞數據(props)哦,適用于 Vue 2.0

方法一:子組件監聽父組件發送的方法

方法二:父組件調用子組件方法

子組件:

export default {  mounted: function () {   this.$nextTick(function () {    this.$on('childMethod', function () {     console.log('監聽成功')    })   })  },  methods {    callMethod () {     console.log('調用成功')    }  }}

父組件:

<child ref="child" @click="click"></child>export default {  methods: {   click () {   this.$refs.child.$emit('childMethod') // 方法1   this.$refs.child.callMethod() // 方法2  },  components: {   child: child  }}

以上這篇Vue父組件調用子組件事件方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丹寨县| 奇台县| 安丘市| 紫金县| 富锦市| 玉龙| 盖州市| 措美县| 洛浦县| 甘肃省| 苏尼特左旗| 鲁甸县| 大同市| 揭阳市| 通江县| 平遥县| 禹州市| 贺兰县| 渝北区| 基隆市| 枣强县| 德惠市| 怀安县| 泽普县| 偃师市| 二手房| 镇原县| 全南县| 思茅市| 罗甸县| 习水县| 山阳县| 本溪市| 宜黄县| 万全县| 潞西市| 江永县| 邹平县| 永嘉县| 仪陇县| 阿拉善左旗|