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()