动态创建的textarea元素上有auto-height属性就会出现这个问题
textarea auto-height 值是异步加载时,初次进入并不会生效注意:开发工具中是正常的!!请用手机扫预览码测,不然无法复现! 问题描述如下:当textarea的值是异步赋值时,动态渲染后,auto-height即使是true也不会生效,见图一 [图片] 图一 实际应该是图二才正常(点一下让它获得焦点,然后失去焦点,就会变正常) [图片] index.html 代码如下: <view class="intro"> <button bindtap="show">显示</button> <textarea wx:if="{{showTextArea}}" style="border: 1px solid red;width: 100%;" auto-height="{{autoHeight}}" value="{{value}}"></textarea> </view> index.js 代码如下: const app = getApp() Page({ data: { autoHeight: true, showTextArea: false, value: "" }, onLoad() {}, onShow() { setTimeout(() => { this.setData({ value: "mmp!你为什么不能自适应高度?" }); }, 500); }, show() { this.setData({ showTextArea: true }); } }) 懒得看代码的请体验代码片段(注意:开发工具无毛病,要真机!!!!)
2022-10-24