阅读 33

关于小程序的textarea层级问题(笔记)

在开发原生小程序时,我用textarea标签来显示多行问题,遇到的一个关于真机上的坑在微信开发者工具运行正常,但在真机却textarea覆盖弹出层。具体是这样的

一开始在微信开发者工具是正常的,介绍图片是弹出层,弹出覆盖了textarea标签




但是在真机上显示效果却是这样的


解决方法(一)

  1. 写一个和textarea有一样样式的text并样式跟textarea一样
  2. 监听textarea的input和blur事件并赋值给text
  3. 当打开弹出层时,隐藏textarea,获取textarea的文字内容,并显示text


<text v-if="showImgList || pickBool" class="text-textarea">{{goods.description}}</text>
<textarea  @blur="keyInput" @input="keyInput2"   :value="goods.description"  data-property="description" maxlength="50"/>
			复制代码


解决方法(二)

在查阅小程序文档时发出层级过高的情况小程序的方案是

用cover-view覆盖在mapvideocanvascameralive-playerlive-pusher上,因此可以改变弹出层用cover-view替换view

<cover-view class="img-list"  v-if="showImgList">我是coer-view</cover-view>复制代码


总结:只文记录下自已遇到的问题,文笔不好干货也没有,如有什么建议可以指出,如觉得此文辣了你的眼睛在这里说声不好意思


关注下面的标签,发现更多相似文章
评论