uni-app,小程序 textarea文本域出现在弹窗中,placeholder样式初次加载不生效问题。
textarea文本域出现在弹窗中,在初次加载的时候,placeholder样式是不生效的,而当在textarea 输入了内容后,再删掉。显示的placeholder样式就是正常的。效果图:1.首次加载时2.输入一些文字后3.删除文字为了解决这个bug,我们可以根据以上的逻辑,来解决这个问题。首先,在显示弹出框的时候,textarea渲染时给它设置一个初值,然后再置空,这样之后样式也就能生效了。部
·
textarea文本域出现在弹窗中,在初次加载的时候,placeholder样式是不生效的,而当在textarea 输入了内容后,再删掉。显示的placeholder样式就是正常的。
效果图:
1.首次加载时
2.输入一些文字后
3.删除文字
为了解决这个bug,我们可以根据以上的逻辑,来解决这个问题。
首先,在显示弹出框的时候,textarea渲染时给它设置一个初值,然后再置空,这样之后样式也就能生效了。
部分代码:
//显示弹窗
showPop(){
if(!this.reason){
this.reason='处理textarea默认样式不生效';
let timeId=setTimeout(()=>{
this.reason='';
clearTimeout(timeId);
},50);
}
this.isPop=true;
},
说明:这里我在显示弹窗的时候,首先将textarea文本域设置一个值,然后通过定时器,在50毫秒后清除textarea文本域中的值,最后就实现了placeholder样式的问题。
更多推荐
已为社区贡献42条内容
所有评论(0)