添加属性fliterable,将组件设置为可筛选
1、本地搜索
添加属性filter-method;
2、远程搜索(结合后端接口)
添加属性remote,remote-method;
<el-select v-model="queryForms.id" filterable placeholder="点击选择或输入" remote :remote-method="remoteMethod" >
<el-option v-for="op in creatorData" :key="op.id" :value="op.id" :label="op.name" />
</el-select>
const creatorData = ref([
{id:1, name: ‘张三’},
{id:2, name: 李四’},
{id:3, name: ‘王五’},
])
function remoteMethod(name){//参数为输入的内容
creatorData.value = filterData(name) //后端接口
}
filter-method和remote-method用法相似,只是一个用于本地筛选一个用于远程。