评论

关于小程序textarea无法隐藏的解决方案!

关于小程序textarea无法隐藏的解决方案!hidden,display:none无效

由于小程序中的textarea层级最高,而且经常出bug
ios下hidden display:none都用了仍然显示。
终极解决方法就是通过wx:if 不让它渲染

<textarea  wx:if="{{ishow}}"  auto-height >
</textarea> 

  data: {
    ishow:false
  },

关于小程序textarea无法隐藏的解决方案!

最后一次编辑于  2019-10-25  
点赞 3
收藏
评论

7 个评论

  • 明明
    明明
    2020-12-25

    这个坑,我踩了两天。需求也是要弹窗来显示输入多行文本的。但是在安卓上,textarea组件focus的时候,位置就不对。于是我避开了。在安卓用editor组件,在ios才用textarea组件。因为editor组件在ios上,没办法自动获取焦点。完美的实现了弹窗输入多行文本的功能。

    2020-12-25
    赞同 1
    回复
  • Lan
    Lan
    2019-12-14

    那当Textarea在一个Popup里面,placehorder和内容会收滚动Popup影响而错位的这个Bug怎么解决? fixed = "{{ true}}" 我设置了但是没用

    2019-12-14
    赞同 1
    回复
  • 醉霜林
    醉霜林
    2020-09-04

    wx:if是不能用form提交多的

    2020-09-04
    赞同
    回复
  • Peter👊
    Peter👊
    2020-05-12

    那我想要他显示一半怎么处理?就是有元素在他上面划过去

    2020-05-12
    赞同
    回复 2
    • 田
      2020-05-14
      没有明白你说的意思?有效果图吗?
      2020-05-14
      回复
    • Peter👊
      Peter👊
      2020-05-14回复
      整个页面的底部固定一个悬浮框,里面有按钮啥的,页面上有Textarea,页面可以滚动,懂了吧
      2020-05-14
      回复
  • 田
    2019-11-14

    安卓上没问题,问题是出在苹果ios上

    2019-11-14
    赞同
    回复 1
    • 、、、
      、、、
      2019-12-24
      安卓上一样有,我也是跟他一样用了wx:if
      2019-12-24
      回复
  • 神经蛙
    神经蛙
    2019-10-25

    也可以设置textarea的高度为0来隐藏

    2019-10-25
    赞同
    回复 1
    • 田
      2019-11-14
      你可以自己做个实验
      2019-11-14
      回复
  • 谢谢惠顾.
    谢谢惠顾.
    2019-10-25

    你hidden的时候怎么写的

    2019-10-25
    赞同
    回复 1
    • 田
      2019-11-14
      你可以自己做个实验
      2019-11-14
      回复
登录 后发表内容