微信小程序textarea层级过高(盖住其他元素)问题的解决办法_微信小程序 textarea 层级过高

问题：

extarea层级过高会在弹窗上显示

​​​​​​​

 

思路：

1、当条件为true时显示假的输入框，点击的时切换条件为false，显示textarea，然后失去焦点之后条件又改为true

2、弹出框的问题解决了，但是又发现新的问题，输入框要点击两次才能获取焦点

3、解决办法，textarea的focus属性绑定条件，当条件为false时获取焦点

代码：

data() {
    return {
        showTextarea :true // 默认显示假输入框
    }
}
<view class="textarea" @tap="showTextarea = false" v-if="showTextarea" :style="addForm.lossSolution? '' : 'color:#999'">{{addForm.lossSolution || '请输入'}}</view>
						<textarea v-else v-model="addForm.lossSolution" :focus="!showTextarea" @blur="showTextarea = true" class="textarea-input" name="input"
							placeholder-class="placeholder" placeholder="请输入" />