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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值