微客导航 » 文章资讯 » 微信小程序 textarea 层级过高问题简单解决方案

微信小程序 textarea 层级过高问题简单解决方案

2023-08-11 20:45:03 178

这篇文章主要介绍了微信小程序textarea层级过高问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

建立一个新的textarea组件代替原生textarea,废话不多说,上代码




.ui-textarea{
position:relative!important;

.textarea.hidden{
display:block!important;
position:absolute!important;
left:-999px;
right:-999px;
top:0;
}

.textarea{
width:100%;
box-sizing:border-box;
}

.text{
height:100%;
padding:6px5px;
font-size:14px;
}

.placeholder{
color:#888;
}
}

Vue代码,自己根据需求改一下,特别注意,不要用wx;if或者hidden属性,wx:if频繁渲染,虽然可以用,hidden会出现部分显示bug,[hidden]会使auto-height首次不正确

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

微信小程序 textarea 层级过高问题简单解决方案

热门推荐

随机推荐