您的位置:首页 > 文旅 > 美景 > html网站怎么搭建_世界重大新闻_百度官方电话人工服务电话_开发一个app价目表

html网站怎么搭建_世界重大新闻_百度官方电话人工服务电话_开发一个app价目表

2024/12/27 17:18:37 来源:https://blog.csdn.net/Liberty_yes/article/details/144724715  浏览:    关键词:html网站怎么搭建_世界重大新闻_百度官方电话人工服务电话_开发一个app价目表
html网站怎么搭建_世界重大新闻_百度官方电话人工服务电话_开发一个app价目表

问题:

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