如何解决el-select远程搜索保留了上一个的搜索项

43 阅读1分钟

解决方案(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>