可输入后异步搜索

可输入自定义内容

<div >
<el-select v-model="editForm.mcc" clearable filterable remote reserve-keyword placeholder="请选择" class="ele-block"
:remote-method="addRemoteMccName" :loading="loading" @clear="addRemoteMccName" @change="selectChange" @blur="selectBlur">
<el-option v-for="(item,index) in addOperatorList" :key="index" :label="item.mcc_mnc" :value="item.mcc_mnc"> </el-option>
</el-select>
</div>
data() {
return {
editForm: {}, // 表单数据
operatorList:[], //
form: {
search: '',
type:''
},
lo

这篇博客探讨了Vue.js中使用el-select组件进行异步数据加载的实现方式,包括远程搜索、模糊匹配和防抖处理。通过watch监听搜索关键字变化,实现了动态加载运营商数据,并在选择时更新表单模型。同时,文章还介绍了如何处理选中值的变更和失去焦点时的响应。
1万+

被折叠的 条评论
为什么被折叠?



