关于小程序的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覆盖在map、video、canvas、camera、live-player、live-pusher上，所以能够改变弹出层用cover-view替换view

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

总结：只文记录下自已遇到的问题，文笔很差干货也没有，若有什么建议能够指出，如以为此文辣了你的眼睛在这里说声很差意思