

说一下问题 就是我真机演示在ios系统上(在安卓或pc微信开发者上调试无问题)点击文本域输入信息之前 如果执行了点击 上传图片 或者问题反馈旁边的那个跳到问题列表的操作 那么下次我文本域填写内容的时候 无论点击键盘上那一个键都会执行上次的点击操作 一直弹出从手机上传图片 或者直接跳转页面到问题列表页面
去了官网搜索
| 这个问题部分原因是因为 textarea组件 在 iOS 真机下 无法动态切换绑定 input 事件 |
1.一个绕过的方法是让 绑定事件的动态dom 和 textarea 同时渲染(这个我看起来稍微有些麻烦就没有深入研究) 大家如果接下来的方法不行可以尝试用一下这条
- <template v-if="tag">
- // 绑定事件的动态dom 或 textarea
- <template>
2.将 textarea 放到 绑定事件的动态dom 前面(!!!!!) 这个最简单!!!
简单理解就是将那个textarea 标签移到你渲染的虚拟dom的前面
就是我之前动态循环dom是这样

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

这样就解决的 下面有代码
- <!-- 添加问题项 -->
- <view class="contain-name5">
- <view class="contain-name5-lib1">问题反馈({{ item.content.length }})</view>
- <view class="contain-name5-lib2" @click="addproblemimgcontent(item)">+</view>
- </view>
- <view class="contain-name6" v-for="(i, index) in item.content" :key="index">
- <!-- 问题反馈 -->
- <view class="contain-name6-lib3">
- <view>问题反馈:</view>
- <image @click.stop="searchproblemkey(i,'问题反馈')"
- style="width: 20px;height: 20px;margin-top: -2px;"
- src="@/static/image/searchkeyword.png">
- </image>
- </view>
- <!-- 文本输入框 -->
- <textarea class="uni-inputname6-num" v-model="i.problemfeedback"
- @blur.stop="handleConfirm(i)" />
- <!-- 问题图片 -->
- <image class="contain-name6-lib0" src="@/static/image/deletetaskitem.png"
- @click.self="deleteproblemimgcontent(item, i, index)"></image>
- <view class="contain-name6-lib1">现场照片</view>
- <view class="contain-name6-lib11con">
- <view class="contain-name6-lib11" v-show="i.imglist.length > 0"
- v-for="(j, index) in i.imglist" :key="j+'_'+index">
- <image :src="j" @click.self="bigimgLook(j,i)"></image>
- <view class="delcontain-name6-lib11" @click="deleteimage(i, j, index)">×</view>
- </view>
- <!-- <view class="contain-name6-lib2" @click.self="addimage(item,i, index)"></view> -->
- <image class="contain-name6-lib2" @click.self="addimage(item,i, index)"
- src="@/static/image/addimg.png"></image>
- </view>
- </view>