// 重置功能
reset() {
//自定义事件后把子组件中v-model绑定的值发送给父元素通过自定义事件告知父元素
this.$emit("resetHandle", this.selectVal);
this.selectVal = "";//清空输入框
}
父组件:
结构:
子组件在父组件当标签使用并接受子组件发送的事件、事件不加括号
<advancedSearchModule @resetHandle="resetHandle"></advancedSearchModule>
data中:
selectVal:"" //因为操作都是在父组件中的所以父组件也会有一个绑定的值,会在下面进行子组件传来的值之后赋值
事件:
// 自定义重置事件
resetHandle(val) {
//通过参数保持双数据绑定进行赋值使两方的值是一样的、父组件的selectVal === 子组件的selectVal
this.selectVal = val;
this.getList();//显示数据的接口
}