收藏
回答

textare标签中的文字一直显示在最高层?

不管z-index值为多少,标签textare标签中的文字都在最高层。大佬们有遇到这个问题后解决了的吗?

回答关注问题邀请回答
收藏

2 个回答

  • zhiou
    zhiou
    2020-04-21

    textarea组件是原生组件,层级最高,所以你设置index:9999999999都没用。

    解决方案,使用view替代textarea

    <view wx:if="{{mask}}" class="textarea">
      <textarea placeholder="请输入"  value="{{desc}}" bindinput="inputDesc"/>
    </view>
    <view wx:else class="textarea">{{desc?desc:'请输入'}}</view>
    
    inputDesc(e){
      this.setData({
        desc:e.detail.value
      })
    }
    mask初始为true
    当你点击提交的时候把mask改为false,显示view的内容
    
    2020-04-21
    有用 2
    回复 1
    • 格子
      格子
      2020-04-21
      谢谢大佬,我看懂了,厉害~
      2020-04-21
      回复
  • brave
    brave
    2020-04-20

    原生组件层级最高。①某些情况下隐藏textarea;②用view模拟textarea,当view被点击时,让textarea显示并且focus,blur时变成view

    2020-04-20
    有用 1
    回复 3
    • 格子
      格子
      2020-04-20
      就是当textare标签有文字时,页面向上滑的时候,文字显示在了自定义导航栏上,这种可以用view来模拟吗,主要是想实现文字可以输入换行,input就不行
      2020-04-20
      回复
    • brave
      brave
      2020-04-20回复格子
      输入的时候变回textarea,只是展示的时候变成view
      2020-04-20
      回复
    • 格子
      格子
      2020-04-20
      这个要怎么实现呢,请大佬给一下思路
      2020-04-20
      回复
登录 后发表内容
问题标签