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       },

 

posted @ 2019-05-07 09:36  盛兮  阅读(5173)  评论(0编辑  收藏  举报