Vue 父组件调用子组件中的方法

 

调用方法：

this.$refs.声明的ref.子组件的方法(参数)

父组件内容

   
 <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>

　　
    addOrUpdateHandle (id) {
      this.addOrUpdateVisible = true
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(id)
      })
    },

　　子组件内容

    init (id) {
      console.log('父调子', id)
    }