關於小程序的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>複製代碼

總結：只文記錄下自已遇到的問題，文筆很差乾貨也沒有，若有什麼建議能夠指出，如以爲此文辣了你的眼睛在這裏說聲很差意思