初次渲染改变小程序textarea placeholder样式

博客内容讲述了在弹窗加载时textarea的placeholder样式未正常显示的bug,以及提供了一个解决方案。通过在弹窗加载时先设置textarea的一个临时值,然后立即清空,使placeholder样式生效。这种方法确保了在用户交互前样式正确。

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

textarea文本域出现在弹窗中,在初次加载的时候,placeholder样式是不生效的,而当在textarea 输入了内容后,再删掉。显示的placeholder样式就是正常的。

为了解决这个bug,我们可以根据以上的逻辑,来解决这个问题。

首先,在显示弹出框的时候,textarea渲染时给它设置一个初值,然后再置空,这样之后样式也就能生效了。

```

html :

<textarea placeholder="请输入评论内容" model:value="{{content}}"></textarea>

js:

data:{

content:' '

}

// 弹窗的时候就行判断 

let that = this

if(this.data.content==' '){

      that.setData({

        content:'请输入评论内容'

      })

      let dsj =setTimeout(() => {

        that.setData({

          content:' '

        })

        clearTimeout(dsj)

      }, 50);

    }

```

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值