template
<FormItem label="醫院">
<Select
ref="hospitalInfo"
v-model="queryVoHos.queryVO.hospitalId"
filterable
remote
:remote-method="remoteMethod1"
:loading="loading1"
placeholder="請搜索並選中醫院"
clearable
@on-change="hospitalIdChange"
label-in-value
:label="hospitalName">
<Option v-for="(option, index) in options1" :value="option.value"
:key="option.value">{{option.label}}</Option>
</Select>
</FormItem>
script
export default {
data() {
return {
loading1: false,
options1: [],
hospitalName:"",
queryVoHos:{
queryVO:{
hospitalId:"",
}
}
}
},
mounted() {
this.$refs["hospitalInfo"].query = "廣州市第一人民醫院";
},
methods: {
remoteMethod1 (query) {
clearTimeout(this.remoteMethod1.timer)
if (query !== ''&&query.length>1) {
this.loading1 = true;
var timeoutflag = null;
let queryVo={}
queryVo={
name:query,
}
this.remoteMethod1.timer=setTimeout(() => {
this.loading1 = false;
this.getAllHospitals(queryVo);
}, 800);
} else {
this.options1 = [];
this.queryVoHos.queryVO.hospitalId=""
}
},
}
}