微信小程序之textarea完美填坑

AQMAX

于 2019-07-12 10:33:04 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序textarea填坑

本文链接：https://blog.csdn.net/qq_38332693/article/details/95595487

微信小程序专栏收录该内容

22 篇文章

订阅专栏

博主在做出差记录使用小程序textarea时，遇到层级过高、穿透等常见问题，分享了自己总结的经验成果，并表示希望得到大神更好的建议，还准备直接展示代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做一个出差记录，是用到textarea，遇到大家都遇到过的问题，什么层级过高，穿透之类的，下面是我经验成果总结出来的，如果有更好的请大神指教，废话不多说，直接上代码：

<textarea  wx:if='{{showtextarea}}' value='{{conversation}}' data-show='yes' focus="true" bindblur='ifshowArea'
     bindinput='conversation' class='travel_textarea' placeholder='请输入谈话内容' maxlength='150'></textarea>
    <view wx:else class='travel_textarea' bindtap='conversation1' style='color:#888888'>{{conversation}}</view>

//textarea谈话内容
  conversation:function(e){
    var speak = e.detail.value;
    this.setData({
      conversation:speak
    })

  },
  conversation1:function(){
    this.setData({
      showtextarea: true
    })
    if(this.data.conversation=="请输入谈话内容"){
      this.setData({ conversation:''})
    }
  },
  ifshowArea(e){
    var show = e.currentTarget.dataset.show=="yes"?true:false;
    if(show){
      this.setData({ showtextarea: false})
    }else{ this.setData({showtextarea:true})}
    if(this.data.conversation==''){
      this.setData({conversation:'请输入谈话内容'})
    }
  },