解决方案(1)
直接通过操作dom的方法
<el-form-item label="关联管理公司:" prop="companyIds">
<el-select
v-model="ruleForm.companyIds"
ref="temSelectAttention"
multiple
filterable
remote
:remote-method="handleRemoteCompanySearch"
:change="handleChangeCompany"
placeholder="请输入关键词搜索并选择管理公司"
:loading="companyOptionsLoading"
:key="companyOptionsLoaded"
>
<el-option v-for="item in companyOptions" :key="item.companyId" :label="item.companyName" :value="item.companyId" />
</el-select>
</el-form-item>
const handleChangeCompany = (val) => {
temSelectAttention.value.query = ''
}
(2)最快的解决方法就是直接在el-select 添加:element - plus的:reserve-keyword="false"
<el-select
v-model="ruleForm.companyIds"
ref="temSelectAttention"
:reserve-keyword="false"
multiple
filterable
remote
:remote-method="handleRemoteCompanySearch"
:change="handleChangeCompany"
placeholder="请输入关键词搜索并选择管理公司"
:loading="companyOptionsLoading"
:key="companyOptionsLoaded"
>
<el-option v-for="item in companyOptions" :key="item.companyId" :label="item.companyName" :value="item.companyId" />
</el-select>