背景:在微信小程序中textarea中的内容会在下拉框内容之上,
代码如下:
<view class="bywin-column"> <view class="title"> <text>投诉对象</text> <text class="item-required">*</text> </view> <input @input='getTarget($event)' v-model="target.companyName" class="bywin-input" name="target" placeholder="请输入" /> <view class="search-list" v-if="targetList.length>0"> <scroll-view scroll-y="true" show-scrollbar="true" style="height: 200px"> <view v-for="(value, j) in targetList" :key="value.orgId" class="search-list-item" @tap="selectTarget(value)"> <text class="info"> <text class="name">{{ value.companyName }}</text> </text> </view> </scroll-view> </view> </view> <view class="bywin-column-textarea"> <view class="title"> <text>投诉理由</text> <text class="item-required">*</text> </view> <textarea class="bywin-textarea" name="content" placeholder="请输入" /> </view>
解决方案:显示下拉框的时候 隐藏 textarea
<textarea v-show="showTextArea" class="bywin-textarea" name="content" placeholder="请输入" />
原因: