zoukankan      html  css  js  c++  java
  • uniapp 中 form表单 textarea的层级问题

    背景:在微信小程序中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="请输入" />

    原因:

  • 相关阅读:
    sql之Replace
    虚拟主机的IIS连接数和访问流量限制各是什么
    SQL COUNT() 函数
    bzoj3163 Eden的新背包问题
    THUPC2018 城市地铁规划
    HNOI 2017 礼物
    NOI 模拟赛
    PKUSC2018 Slay The Spire
    NOI 模拟赛
    NOI 模拟赛
  • 原文地址:https://www.cnblogs.com/susu2020/p/15692569.html
Copyright © 2011-2022 走看看