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