c 语言能开发做网站吗,珠海通乘车码app更新版,一个网站交互怎么做的,大米包装设计a-select:远程搜索——防抖节流处理——基础积累 效果图下拉筛选数据#xff1a;远程搜索功能#xff1a; 效果图 下拉筛选数据#xff1a; a-selectshow-searchv-modelform.jobPositionCodeplaceholder请选择岗位stylewidth: 100%… a-select:远程搜索——防抖节流处理——基础积累 效果图下拉筛选数据远程搜索功能 效果图 下拉筛选数据 a-selectshow-searchv-modelform.jobPositionCodeplaceholder请选择岗位stylewidth: 100%changejobChange:filter-optionfilterOption
a-select-optionv-forli in jobPositionList:keyli.code:valueli.code{{ li.displayText }}/a-select-option
/a-selectfilterOption(input, option) {return (option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) 0);
},远程搜索功能
a-selectshow-searchv-modelform.executorIdplaceholder请选择人员stylewidth: 100%:filter-optionfalsesearchgetUserchangeuserChange
a-select-optionv-forli in userList:keyli.id:valueli.id{{ li.userName }}/a-select-option
/a-selectdebounce(callback, delay 200) {clearTimeout(this.timeout);this.timeout setTimeout(() {callback();}, delay);
},
userChange(val) {this.form.executorName null;let obj this.userList.find((item) item.id val);if (obj obj.id) {this.form.executorName obj.userName;this.$forceUpdate();}},getUser(val) {this.debounce(() {let params {Filter: val,current: 1,pageSize: 50,};this.fetchUser(params);});},fetchUser(params) {getList(params).then((data) {if (data.success) {this.userList data.result.items || [];}});},