首页 > 其他分享 >关于uni-easyinput组件的获焦和失焦

关于uni-easyinput组件的获焦和失焦

时间:2024-02-22 16:14:24浏览次数:32  
标签:获焦 easyinput focused 失焦 组件 方法

问题描述

此组件的获焦和失焦事件,在第一次执行获焦方法后,主动点击失焦。然后再执行获焦方法,会发现本次的获焦方法未生效。流程如下

<uni-easyinput ref="inputElem" v-model="value" />

const inputElem = ref(null)
//step1、第一次执行获焦方法。结果:生效,成功获焦
inputElem.value.focused = true

//step2、用户点击其他元素,使输入框失焦

//step3、再次执行获焦方法。结果:未生效,未获焦

问题原因,组件内_Blur,_Focus方法内,未对focused参数进行更新。做如下调整即可

标签:获焦,easyinput,focused,失焦,组件,方法
From: https://www.cnblogs.com/huihuihero/p/18027559

相关文章

  • Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题?
    Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题主要是为了解决虚拟键盘(使用的simple-keyboard)的拼音输入问题(Windows自带的虚拟键盘因为不够方便和美观,所以没有采用;simple-keyboard其实也支持拼音输入,但是更不好用),最后决定通过Koffi(ffi,ffi-napi)调用user32.dll,模拟......
  • uniapp 输入框文本域(uni-easyinput)内容长度限制
    问题描述提示:uni-ui组件库中uni-easyinput输入框组件相关使用问题在使用uni-easyinput组件时,你会发现,默认情况下你输入内容的长度最大是140原因是,uni-easyinput组件内封装的maxlength属性,在不设置的情况下,默认值为140。我们可以通过maxlength属性,为使用的输入框限制其......
  • 遍历输入框时出现输入一个字符立刻失焦,无法正常输入
    原因:循环时绑定输入框值为key,双向绑定时改变输入框值,key值被修改则失焦。解决:动态值不要作为key值 ......
  • leetcode:vim模式下esc代码区失焦问题
    问题刷力扣时用的vim模式编码,当按下esc退出插入模式的时候,发现编辑的焦点直接从代码区退出了,还想继续往下敲代码就只能再次点鼠标原因浏览器使用了插件vimium,所以导致这个问题的出现。参考这里解决把插件设置力扣网站禁用就行,如果不想麻烦的关闭vimium插件的话。直接添加如......
  • 处理 Input 失焦交互的另一种方案
    一、需求描述某个字段通常状态为查看状态,可以通过按钮(或点击字段内容)切换为编辑状态在编辑状态下,点击当前内容之外的地方则取消编辑,回到查看状态在编辑状态下,可以点击......
  • WPF 已知问题 Popup 失焦后导致 ListBox 无法用 MouseWheel 滚动问题和解决方法
    本文记录在Popup失焦后导致ListBox无法用MouseWheel滚动问题原因:Popup虽然是个完整独立的窗体,但它的激活要靠它的“父窗口”间接来激活,这里之所以说是“父窗口”,是......