iView之清空选择框

Form表单布局的vue组件，已经增加了校验选择框，判断为空的情况下不调用接口。

后来发现，选择了选择框后，清空，再点查询，还是会调接口，看日志发现传了原来清空的值过来，实际上没有清空。

这里增加on-clear 事件绑定清空值。

1   <Select :label-in-value="true" @on-change="obtainValue" v-model="formValidate.name" @on-clear="clearValue" :clearable="true"
2                         :filterable="true">
3                   <OptionGroup v-for="(item,key) in selectList" :label="item.groupName" :key="key">
4                     <Option
5                       v-for="(item2,key) in item.data"
6                       :value="item2.terminalId"
7                       :key="key">{{ item2.terminalName }}</Option>
8                   </OptionGroup>
9                 </Select>

1 clearValue(){
2         this.model1 =''
3       },

 

转载于:https://www.cnblogs.com/phpli/p/10823601.html