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 },
工作如同河川,自闲暇的深海觅得圆满。