• Uniapp中textarea中输入完会触发上一段代码的click事件


    说一下问题 就是我真机演示在ios系统上(在安卓或pc微信开发者上调试无问题)点击文本域输入信息之前 如果执行了点击 上传图片 或者问题反馈旁边的那个跳到问题列表的操作  那么下次我文本域填写内容的时候 无论点击键盘上那一个键都会执行上次的点击操作 一直弹出从手机上传图片 或者直接跳转页面到问题列表页面

    去了官网搜索 

    这个问题部分原因是因为 textarea组件 在 iOS 真机下 无法动态切换绑定 input 事件 

    1.一个绕过的方法是让 绑定事件的动态dom 和 textarea 同时渲染(这个我看起来稍微有些麻烦就没有深入研究) 大家如果接下来的方法不行可以尝试用一下这条

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

     2.将 textarea 放到 绑定事件的动态dom 前面(!!!!!)  这个最简单!!!

    简单理解就是将那个textarea 标签移到你渲染的虚拟dom的前面

    就是我之前动态循环dom是这样

    现在是这样 将textarea标签移到前方

    这样就解决的 下面有代码

    1. <!-- 添加问题项 -->
    2. <view class="contain-name5">
    3. <view class="contain-name5-lib1">问题反馈({{ item.content.length }})</view>
    4. <view class="contain-name5-lib2" @click="addproblemimgcontent(item)">+</view>
    5. </view>
    6. <view class="contain-name6" v-for="(i, index) in item.content" :key="index">
    7. <!-- 问题反馈 -->
    8. <view class="contain-name6-lib3">
    9. <view>问题反馈:</view>
    10. <image @click.stop="searchproblemkey(i,'问题反馈')"
    11. style="width: 20px;height: 20px;margin-top: -2px;"
    12. src="@/static/image/searchkeyword.png">
    13. </image>
    14. </view>
    15. <!-- 文本输入框 -->
    16. <textarea class="uni-inputname6-num" v-model="i.problemfeedback"
    17. @blur.stop="handleConfirm(i)" />
    18. <!-- 问题图片 -->
    19. <image class="contain-name6-lib0" src="@/static/image/deletetaskitem.png"
    20. @click.self="deleteproblemimgcontent(item, i, index)"></image>
    21. <view class="contain-name6-lib1">现场照片</view>
    22. <view class="contain-name6-lib11con">
    23. <view class="contain-name6-lib11" v-show="i.imglist.length > 0"
    24. v-for="(j, index) in i.imglist" :key="j+'_'+index">
    25. <image :src="j" @click.self="bigimgLook(j,i)"></image>
    26. <view class="delcontain-name6-lib11" @click="deleteimage(i, j, index)">×</view>
    27. </view>
    28. <!-- <view class="contain-name6-lib2" @click.self="addimage(item,i, index)"></view> -->
    29. <image class="contain-name6-lib2" @click.self="addimage(item,i, index)"
    30. src="@/static/image/addimg.png"></image>
    31. </view>
    32. </view>

  • 相关阅读:
    STM32笔记-AD模数转换
    922. 按奇偶排序数组 II - 力扣
    贪心算法和动态规划
    mysql批量插入数据,跳过唯一索引报错
    Sylar_网络框架学习——配置系统(二)
    selenium进阶设置
    数据链路层
    Q&A | SWCF2022 笔记:卫星传输链路中的关键技术分享
    springboot基于javaweb的社区留守儿童帮扶系统毕业设计源码101603
    正则表达式(Linux 下搭配 grep 使用)
  • 原文地址:https://blog.csdn.net/m0_65607651/article/details/134013191