uniapp自带的textarea 高度不自动适应

uniApp 中 textarea 的高度默认不会自动调整以适应内容，这是因为 Vue.js 和 UniApp 在处理文本区域高度时需要手动设置。当你希望 textarea 自动调整大小以填充内容时，可以尝试以下几种方法：

1. 使用 `v-model` 绑定值，并设置样式 `resize` 为 `both` 或者 `vertical` 来允许用户滚动：

   <textarea v-model="text" :style="{ resize: 'both', height: 'auto' }"></textarea>

2. 如果你想动态计算最大高度，你可以监听文本变化事件（`.input`），然后更新元素高度：

   <textarea @input="updateTextAreaHeight($event.target.value)" :style="{ height: 'auto' }"></textarea>

   methods: {
     updateTextAreaHeight(value) {
       let maxRows = Math.ceil((value.replace(/\n/g, '').length + 15) / 16); // 假设每行16字符，加些余量
       this.$refs.textarea.style.height = `${maxRows * 30}px`; // 假设字体行高是30px
     }
   }

这里假设了一个简单的计算行数的方式，实际应用中可能需要更精确地计算。

3. 初始渲染时，如果内容已知，可以直接设置高度：

   <textarea ref="textarea" :style="{ height: getInitialHeight() + 'px' }" v-model="text"></textarea>

   computed: {
     getInitialHeight() {
       return (this.text.split('\n').length + 1) * 30; // 计算初始高度
     }
   }

记得在运行时检查浏览器兼容性，因为某些特性可能不适用于所有平台。如果以上方案无法满足需求，可以考虑使用 JavaScript 监听窗口尺寸变化，然后同步调整 textarea 的高度。