9***@qq.com
9***@qq.com
  • 发布:2019-05-15 08:44
  • 更新:2023-07-12 16:28
  • 阅读:1697

【报Bug】input focus动态改变值无法聚焦

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
<input type="text" placeholder="请扫码" @input="search" v-model="inputValue" :focus="focus" />
data() {
return {focus: true,}
}
methods:{
search: function(e) {
this.focus = true;
}
}

重现步骤

[步骤]

[结果]
input不聚焦
[期望]
清空input值后聚焦
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
1.9.4
[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app
[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX
[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]
android7.1.2
[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-05-15 08:44 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com - 90后IT新秀

同样的问题,请问楼主是怎么解决的?
我的是点击clear按钮失焦后,设置this.focus=true。只有第一次能聚焦,之后this.focus=true不起作用

<input :focus="focus" :value="inputClearValue"/>  
<view @click="clearIcon" >清除</view>  

clearIcon() {  
this.inputClearValue=""  
ths.focus=true  
}
  • 蒙多塞冬

    我也遇到了相同问题

    2020-08-28 19:22

  • gdfg

    请问解决了吗?我也遇到了一样的问题

    2022-01-18 12:44

gdfg

gdfg - 当代优秀大学生

请问解决了吗?我也遇到了一样的问题

5***@qq.com

5***@qq.com

你试试失焦的时候把focus复制false 做个双向的试试你这里我看只有复制true的操作

2***@qq.com

2***@qq.com

先把focus绑定的值改为false,再用this.$nextTick(() => {})把值改为true.

要回复问题请先登录注册