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

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

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

这里增加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       },

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄