Vue父組件調(diào)用子組件事件方法

發(fā)布時(shí)間：2020-08-23 08:36:11 來(lái)源：腳本之家閱讀：295 作者：小鵝鵝欄目：web開發(fā)

Vue父組件向子組件傳遞事件/調(diào)用事件

不是傳遞數(shù)據(jù)（props）哦，適用于 Vue 2.0

方法一：子組件監(jiān)聽父組件發(fā)送的方法

方法二：父組件調(diào)用子組件方法

子組件：

export default {
  mounted: function () {
   this.$nextTick(function () {
    this.$on('childMethod', function () {
     console.log('監(jiān)聽成功')
    })
   })
  }，
  methods {
    callMethod () {
     console.log('調(diào)用成功')
    }
  }
}

父組件：

<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父組件調(diào)用子組件事件方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

Vue父組件調(diào)用子組件事件方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽