vue中父子组件方法调用

父组件调用子组件的方法

1. 引入子组件

import AddEvaluate from '@/views/evaluate/components/AddEvaluate'

2. 使用子组件

<!-- 
	ref为组件的引用
	:technical-qualification-map 传入子组件的变量值
	:position-map 传入子组件的变量值
	@query 定义需要引用父组件的方法
-->
<add-evaluate
  ref="addEvaluateDialogRef"
  :technical-qualification-map="technicalQualificationMap"
  :position-map="positionMap"
  @query="queryInfo" 
/>

3. 子组件AddEvaluate的方法

addInfoClick(evaluateMode) {
	。。。。
}

4. 调用子组件AddEvaluate的方法

this.$refs.addEvaluateDialogRef.addInfoClick(command)

子组件调用父组件的方法

this.$emit('query')

或者，另外一种方式

this.$parent.query()