textarea 设置自动高度后,v-if控制显示隐藏高度错误

在使用 uniapp 开发时,遇到 textarea 组件在设置自动高度后,通过 v-if 控制显示隐藏时出现高度错误的问题,可能是因为 v-if 导致的组件卸载和重新挂载过程中,自动高度计算未能正确触发或更新。

解决方案
使用 v-show 替代 v-if
由于 v-if 会导致组件的卸载和重新挂载,这可能会影响到自动高度的计算。相比之下,v-show 只是简单地切换元素的显示状态(通过改变 CSS 的 display 属性),不会引起组件的卸载和挂载。

<textarea v-show="isShow" auto-height></textarea>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容