vue 父组件调用子组件的方法（ref 方式）

vue 父组件调用子组件的方法（ref 方式）

父组件

// 引入子组件并给子组件定义ref名称
<tbf-select ref="reset"></tbf-select>
// 点击重置按钮时去引用子组件的方法
<el-button type="success" @click="resetForm">重置</el-button>
// 在methods中通过ref引用子组件的方法
methods:{
	resetForm(){
		// 引用子组件中resetFormSearch方法
		this.$refs['reset'].resetFormSearch();
	}

子组件

// 在子组件methods中定义要被父组件调用的方法
methods:{
	resetFormSearch(){
		// 执行代码	
	}
}