uniapp input苹果中文键盘切换焦点监听失效

uniapp微信小程序,苹果中文键盘输入字母时,不点击确定也不点击空白处,直接切换到下一个输入框,输入内容UI上会被保留,但input、blur方法监听到的值都是空(ios16以上多个机型复现,ios15暂未复现)

处理方式:在blur回调时修改输入框v-model的值使组件重新渲染,清空UI上的值

<input type="text" v-model="state.content" @blur="onBlur" />
function onBlur(e) {
    let val = e.detail.value || ''
    if (!val) {
        state.content = ' '
        nextTick(() => {
            state.content = ''
        })
    }
}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容