zoukankan      html  css  js  c++  java
  • 小程序----textarea层叠问题

    textarea 层级最高,解决问题,通过textarea 和 text 互换

    显示的时候用text, 输入的时候用textarea

    <view class="sms-ts-input" style="padding:16rpx 0">
                            <text wx:if="{{!ocr.placeAreaShow}}" bindtap="textToArea">{{ocr.idaddress}}</text>
                            <textarea 
                                wx:if="{{ocr.placeAreaShow}}" 
                                type="text" 
                                bindinput="idaddressInputChanged" 
                                bindblur="areaToText"
                                placeholder="请输入地址" 
                                value="{{ocr.idaddress}}" 
                                disabled="{{!page.ocr.isIdaddressAllowEdit}}" 
                                auto-height="true" 
                                auto-focus="true"
                                style="line-height:1.5em;100%;" 
                                class="self-place-textarea">
                            </textarea>
                        </view>
    idaddressInputChanged(i) {
        this.data.ocr.idaddress = i.detail.value, this.ocrCommonInputCheck()
      },
    // text ->  textarea
      textToArea() {
        this.setData({
          "ocr.placeAreaShow": true
        })
      },
      // textarea -> text 
      areaToText() {
        const address = this.data.ocr.idaddress
        this.setData({
          "ocr.placeAreaShow": false,
          "ocr.idaddress": address,
        })
      },
    

      

    你对生活笑,生活不会对你哭。
  • 相关阅读:
    QPS 与 TPS 简介
    程序员需要学多门语言吗
    Docker 常用命令
    Dockerfile
    Docker-安装与部署
    Docker 容器相关技术
    java多线程 线程八锁
    java多线程 生产者消费者案例-虚假唤醒
    ConcurrentHashMap
    原子变量与CAS算法
  • 原文地址:https://www.cnblogs.com/adanxiaobo/p/13614592.html
Copyright © 2011-2022 走看看