iview清除单选下拉框选中状态

 <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表单的置空功能,会保留选中的样式

如上图,清除后的效果