iview select多选远程搜索，不清空关键字

西卡家的毛毛丝

已于 2022-04-13 10:43:58 修改

阅读量1.2k

点赞数 1

分类专栏： Vue 文章标签： Vue

于 2022-04-13 10:37:11 首次发布

本文链接：https://blog.youkuaiyun.com/renamayu/article/details/124142375

版权

本文探讨了在使用 Vue 框架和 iview 组件库时，遇到 Select 多选模式下远程搜索功能的问题。当进行新的搜索时，组件未能清空先前的关键字，导致搜索结果混乱。文章详细分析了该问题的原因，并提供了解决方案，帮助开发者更好地理解和处理此类情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<Row>
		<Col span="12">
		<Select ref="selectName" v-model="model14" multiple filterable remote :remote-method="remoteMethod2"
			:loading="loading2" @on-change="onChange" @on-query-change="handleSelectChange">
			<Option v-for="(option, index) in options2" :value="option.value" :key="index">{
  {option.label}}</Option>
		</Select>
		</Col>
	</Row>
</template>
<script>
	export default {
		data() {
			return {
				model14: [],
				loading2: false,
				options2: [],
				name: '',
				list: ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware',
					'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana'