在一個vue文件調用另外一個vue文件中的方法

假設

1.有一個a.vue文件

<template>
  <a-card :bordered="false">
    <mec-parts-model-code-modal ref="modalForm" 
             @ok="modalFormOk"></mec-parts-model-code-modal>
  </a-card>
</template>

import MecPartsModelCodeModal from './modules/MecPartsModelCodeModal'

components: {
      MecPartsModelCodeModal
    },

它import了另外一個vue文件。MecPartsModelCodeModal.vue,入代碼所示，引入之后要將它做為一個元素，像html的dom元素那樣，一層套一層的。

代碼所示：<mec-parts-model-code-modal ref="modalForm"@ok="modalFormOk"></mec-parts-model-code-modal>，

引入到vue文件中，被做為一個元素mec-parts-model-code-modal，加入到a.vue中。

2.假設被引用的vue文件中有個方法add。那么如何在a.vue 中調用呢

this.$refs.modalForm.add()；這樣就可以調用。 其中modalForm對應a.vue 中的ref=“modalForm”