textarea文本域出现在弹窗中,在初次加载的时候,placeholder样式是不生效的,而当在textarea 输入了内容后,再删掉。显示的placeholder样式就是正常的。
1.首次进入
2.textarea 输入了内容后
3.textarea 输入了内容后,再删掉之后
为了解决这个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);
}
```