关于uniapp vue3使用textarea组件,高度无法自动增高的问题!

vue3+vite 移动端h5项目,使用uniapp的文本域textarea组件,auto-height始终无法生效。

问题如上,代码中没有给文本域限制高度,父元素也没有设置高度,当输入超出一行时,始终无法自动增加高度,而是像普通输入框,往后一直叠加。
有没有资深uniapp开发工程师解答一下原因,分享一下解决方案,感谢!

img

img

img

img

在uniapp中,使用Vue 3的textarea组件时,可能会出现高度无法自动增高的现象。这可能是由于样式或组件属性设置不正确导致的。

要解决这个问题,可以尝试以下方法:

  1. 确保textarea组件的行数正确设置。在Vue 3中,textarea组件的高度是由行数决定的,因此需要正确设置行数。可以使用v-model绑定来设置textarea的值,并使用计算属性或方法来计算行数。
  2. 检查textarea组件的样式设置。在uniapp中,textarea组件的样式可能会影响其高度。可以尝试添加或修改样式来解决问题。例如,可以尝试添加CSS样式resize: vertical;来允许textarea垂直方向上自动调整大小。
  3. 检查textarea组件的属性设置。在Vue 3中,textarea组件的一些属性可能会影响其高度。可以尝试添加或修改属性来解决问题。例如,可以尝试添加属性wrap="soft"来允许换行。

如果以上方法都无法解决问题,可以尝试使用其他方法来实现textarea的高度自动调整。例如,可以使用CSS样式或JavaScript脚本来动态调整textarea的高度。