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="请输入" />

    原因:

  • 相关阅读:
    BFPRT(中位数的中位数算法)
    View的事件体系
    Android的消息机制
    BInder机制总结
    Service总结
    IPC机制总结
    AIDL使用绑定启动远程Service出现Service Intent must be explicit: Intent
    线程协作与并发流程控制&AQS
    TCP相关问题整理
    USACO 2015 US OPEN Gold T3: Trapped in the Haybales
  • 原文地址:https://www.cnblogs.com/susu2020/p/15692569.html
Copyright © 2011-2022 走看看