欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 国际 > uniapp input苹果中文键盘输入拼音直接切换输入焦点监听失效

uniapp input苹果中文键盘输入拼音直接切换输入焦点监听失效

2024/12/27 17:14:41 来源:https://blog.csdn.net/Liberty_yes/article/details/144724715  浏览:    关键词:uniapp input苹果中文键盘输入拼音直接切换输入焦点监听失效

问题:

uniapp微信小程序,苹果手机中文键盘状态下,输入字母时,不点击确定也不点击空白处,直接切换到下一个input输入框,UI界面会保留上个输入框输入的内容,但input、blur事件监听到的值都是空(ios多个机型复现)。

此时输入框并没有触发@input事件,但是输入框会触发@blur事件,虽然输入框内的值被保留下来了,但e.target.value是没值的。

解决办法:

blur回调时修改输入框v-model的值,使组件重新渲染,清空UI界面上未确认的值。

<input type="text" v-model="inputVal" @blur="onBlur" />
methods:{onBlur(e) {let val = e.detail.value || ''if (!val) {this.inputVal = ' ';//此处注意是 空格+字符串nextTick(() => {this.inputVal = ''})}}
}

nextTick是必须的,需要等待第一次赋值渲染完成

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com