el-input的textarea设置高度自适应

`el-input`组件在Element UI库中是一个用于输入文本的组件，它通常包含一个内联的输入框。如果你想让其中的`textarea`元素的高度自适应内容，可以利用Vue.js的数据绑定和CSS的`height`属性结合使用。

首先，在HTML结构中，你可以这样设置`textarea`：

<el-input v-model="inputText">
  <textarea placeholder="请输入文本" :style="{ height: 'auto', resize: 'none' }"></textarea>
</el-input>

这里，`:style="{ height: 'auto', resize: 'none' }"`表示根据`inputText`的值动态计算`textarea`的高度，并禁用其滚动条（如果你不需要的话）。

然后，在你的Vue实例中，需要监听`inputText`的变化并更新`textarea`的高度。例如，你可以使用`watch`或者`computed`属性：

data() {
  return {
    inputText: '',
  };
},
methods: {
  updateTextareaHeight() {
    this.$refs.textarea.style.height = `${this.inputText.length * 15}px`; // 假设每行15px高度，可以根据实际需求调整
  },
},
watch: {
  inputText(newVal) {
    this.updateTextareaHeight();
  }
}

在这个例子中，当你输入文字时，`updateTextareaHeight`方法会被调用，更新`textarea`的高度使其自动适应输入的内容。