说一下问题 就是我真机演示在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>