移动端打开vue+element项目时，ios上el-select唤不起键盘

sunowter

于 2025-05-13 14:40:59 发布

阅读量117

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_46354909/article/details/147923946

	<el-select ref="select" v-model="form.id" placeholder="请选择"   clearable @focus="clear" @hook:mounted="clear"    @visible-change="clear":popper-append-to-body="false">
		<el-option v-for="item in list" :key="item.id" :value="item.id"   :label="item.name">
		</el-option>
	</el-select>

clear(async) {
			// 兼容在ios上换不起键盘
			this.$nextTick(() => {
				if (!async) {
					// ios 手机有延迟问题
					setTimeout(() => {
						const { select } = this.$refs
						const input = select.$el.querySelector('.el-input__inner')
						input.removeAttribute('readonly')
					}, 200)
				}
			})
		}