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样式的问题。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐