1***@qq.com
1***@qq.com
  • 发布:2020-04-03 22:22
  • 更新:2020-04-06 00:21
  • 阅读:1504

【报Bug】使用focus属性设置textarea获取焦点,键盘出现后又消失,输入框又失去焦点

分类:uni-app

详细问题描述

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

[内容]

重现步骤

[步骤]
Android手机真机调试
[结果]
focus属性为true时键盘弹出,textarea输入框获得焦点
[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

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

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

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

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]
2.6.9
[iOS版本号]

[手机型号]
华为nova3i
华为nova5 pro
[模拟器型号]

附件

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

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

[App安装包或H5地址]
https://service.dcloud.net.cn/build/download/72edd7b0-75b3-11ea-b01d-a5021f6e8c12
[可重现代码片段]
<template>
<view>
<textarea :focus="inputFocus"></textarea>
<button @click="change">操作</button>
</view>
</template>

<script>
export default {
data() {
return {
inputFocus: false
}
},
methods: {
change() {
if(this.inputFocus){
this.inputFocus = false;
console.log(this.inputFocus);
setTimeout(()=>{
this.inputFocus = true;
},300)
}else{
console.log(this.inputFocus)
this.inputFocus = true;
}
}
}
}
</script>

<style lang="scss" scoped>
view {}

textarea {  
    background-color: rgba(0, 0, 0, 0.1);  
    width: 100%;  
}  

button {}  

</style>

联系方式

[QQ]

2020-04-03 22:22 负责人:无 分享
已邀请:
隐春秋

隐春秋

同样的,开始好好的,突然就这样了。我还以为我哪里代码写错了。然后新建了个页面,使用默认代码,还是一样的!奇了怪了,什么鬼名堂

8***@qq.com

8***@qq.com

focus这块一直都不好用

1***@qq.com

1***@qq.com (作者) - 为致一

不用v3编译器就没事

  • 1***@qq.com

    不用v3编译器会有什么副作用吗

    2020-09-03 11:09

该问题目前已经被锁定, 无法添加新回复