国产探花免费观看_亚洲丰满少妇自慰呻吟_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父組件調用子組件事件方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁明县| 临武县| 始兴县| 高州市| 中阳县| 茂名市| 江源县| 洞口县| 镇赉县| 定结县| 伊金霍洛旗| 昂仁县| 佳木斯市| 永修县| 民乐县| 马尔康县| 嵊州市| 高淳县| 蛟河市| 桃园市| 青海省| 安徽省| 青阳县| 育儿| 沙洋县| 庄河市| 遵义县| 杭锦后旗| 南江县| 儋州市| 车险| 常州市| 沂南县| 贵南县| 广河县| 琼海市| 高安市| 板桥市| 万山特区| 富平县| 平潭县|