1***@qq.com
1***@qq.com
  • 发布:2022-02-14 16:27
  • 更新:2024-10-17 16:53
  • 阅读:1674

【报Bug】textarea中输入完会触发上一段代码的click事件

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX版本号: 3.3.11

示例代码:
<template>  
    <view class="page">  
        <view @click="delImg(val)" v-for="val , index in item.thumb_3">  
            <image :src="val"></image>  
        </view>  
        <view @click="uploads">  
            点击上传  
        </view>  
        <textarea v-model="item.descript"></textarea>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {  
            item:{  
                descript:'',  
                thumb_3:[]  
            }  
        }  
    },  
    onLoad(options){  
        this.item.thumb_3.push('https://oss.jm.xm0592.com/film/ic1.png')  
    },  
    methods: {  
        delImg(val){  
        },  
        uploads(){  
            uni.chooseImage({  
                sizeType:['compressed'],  
                success:res => {  
                }  
            })  
        }  
    }  
}  
</script>  
<style>  
</style>

操作步骤:

运行到小程序,点预览,IOS手机上在textarea中输入内容输入完之后就会弹出上传图片

预期结果:

不应该弹出上传图片

实际结果:

弹出上传图片

bug描述:

小程序 IOS真机上 ,在textarea中输入内容后会弹出上传图片选择,vue版本3编辑器版本3.3.11,这个代码在我另一个电脑3.3.5中就不会有这个问题

2022-02-14 16:27 负责人:DCloud_UNI_GSQ 分享
已邀请:
1***@qq.com

1***@qq.com

通过封装通用textarea组件,可以绕过这个bug,亲测有效,附上简易封装代码

1***@qq.com

1***@qq.com

我发现是第一个textarea并且用了v-model才会出现这个问题,我就写了个高度为0的taxtare放在第一个位置上临时解决了。

1***@qq.com

1***@qq.com (作者)

示例代码在压缩包中有一份

DCloud_UNI_Anne

DCloud_UNI_Anne

此设备在旧版HX是否正常?此版本使用其他设备是否正常?
直接使用微信小程序(不使用 uni-app )测试一下是否有此问题?

  • 1***@qq.com (作者)

    安卓手机正常 旧版3.3.5HX正常 其他版本我没试过 项目是uni-app的没试过小程序、 反正这个问题对我影响不大,我再用另外一个电脑编译发布就行了。 就是好心提一下 有个这个问题。

    2022-02-15 14:09

  • DCloud_UNI_Anne

    回复 1***@qq.com: 感谢您的反馈,已加分,此问题已记录,后续会优化

    2022-02-16 16:17

DCloud_UNI_WZF

DCloud_UNI_WZF

这个问题部分原因是因为 textarea组件 在 iOS 真机下 无法动态切换绑定 input 事件 uni-app issues 微信开放社区反馈
一个绕过的方法是让 绑定事件的动态dom 和 textarea 同时渲染,比如:

<template v-if="tag">  
  // 绑定事件的动态dom 或 textarea  
<template>

或者将 textarea 放到 绑定事件的动态dom 前面

1***@qq.com

1***@qq.com

目前的版本里,这个问题还是存在

4***@qq.com

4***@qq.com

现在都十一月了,请问有办法解决这个问题吗?

lostyouth

lostyouth

giao233

giao233

v-show 试试

  • giao233

    类似的问题

    2023-06-02 12:59

8***@qq.com

8***@qq.com

震惊!!!2024年快过完了,问题竟然还在~

要回复问题请先登录注册