<FormItem label="状态" prop="serviceStatus">
<Select ref="serviceStatusClear" v-model="searchParams.serviceStatus" class="mr-thirty query-cond" style="width: 120px" clearable>
<Option v-for="item in serviceStatusList" :value="item.label" :key="item.label">{{ item.value }}</Option>
</Select>
</FormItem>
重点是ref="serviceStatusClear"跟clearable必须加上
this.$refs.searchParams.resetFields(); // form表单清除功能
this.$refs.serviceStatusClear.clearSingleSelect(); //清除下拉框功能
serviceStatusClear必须跟ref的内容一致
如上图,如果不用this.$refs.serviceStatusClear.clearSingleSelect();当你用form表单的置空功能,会保留选中的样式
如上图,清除后的效果