在使用 uniapp 开发时,遇到 textarea 组件在设置自动高度后,通过 v-if 控制显示隐藏时出现高度错误的问题,可能是因为 v-if 导致的组件卸载和重新挂载过程中,自动高度计算未能正确触发或更新。
解决方案
使用 v-show 替代 v-if
由于 v-if 会导致组件的卸载和重新挂载,这可能会影响到自动高度的计算。相比之下,v-show 只是简单地切换元素的显示状态(通过改变 CSS 的 display 属性),不会引起组件的卸载和挂载。
<textarea v-show="isShow" auto-height></textarea>