在开发原生小程序时,我用textarea标签来显示多行问题,遇到的一个关于真机上的坑在微信开发者工具运行正常,但在真机却textarea覆盖弹出层。具体是这样的
一开始在微信开发者工具是正常的,介绍图片是弹出层,弹出覆盖了textarea标签
但是在真机上显示效果却是这样的
解决方法(一)
- 写一个和textarea有一样样式的text并样式跟textarea一样
- 监听textarea的input和blur事件并赋值给text
- 当打开弹出层时,隐藏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>总结:只文记录下自已遇到的问题,文笔不好干货也没有,如有什么建议可以指出,如觉得此文辣了你的眼睛在这里说声不好意思