el-select 远程搜索 IE 下的坑

IE 下 url 请求中文乱码,导致你的请求参数不正确,所以远程搜索无法返回正确值,需要将中文转码后再发起请求。

<el-select
	v-model="value"
	multiple
	filterable
	remote
	reserve-keyword
	placeholder="请输入关键词"
	:remote-method="remoteMethod" 
	:loading="loading">
	<el-option
		v-for="item in options"
		:key="item.value"
		:label="item.label"
		:value="item.value">
	el-option>
el-select>

remoteMethod(val) {
	if (val!== '') {
		this.loading = true
		let name = encodeURI(val) // 重点这里转码
		setTimeout(() => {
			// 你的请求
			requestFunc(name).then(res => {
				...
			})
		}, 200)
	}
}

你可能感兴趣的:(Element,UI,vue.js,前端,乱码)