textarea怎么设置宽高？

在HTML中，你可以直接在`<textarea>`标签内设置`rows`和`cols`属性来控制文本区域的高度和宽度。这两个属性分别代表行数和列数，单位是像素。

例如，如果你想创建一个4行、50列的文本区域，你会这样做：

<textarea rows="4" cols="50" placeholder="请输入内容..."></textarea>

如果你希望动态设置高度，比如基于内容自适应，Vue提供了一个叫做`v-bind`的短版本，即`:`，你可以结合JavaScript来计算高度，然后绑定到`style`属性上：

<div id="app">
  <textarea :style="{ height: 'auto', resize: 'both' }" v-model="textContent" @input="updateHeight"></textarea>
</div>

<script>
export default {
  data() {
    return {
      textContent: '',
    };
  },
  methods: {
    updateHeight(e) {
      this.$refs.textarea.style.height = `${e.target.scrollHeight}px`;
    },
  },
};
</script>

这里，当textarea的内容变化时，`updateHeight`方法会被触发，计算出新的高度并设置给元素。

相关问题

css中textarea设置宽高

要设置 textarea 的宽和高，可以使用 CSS 中的 width 和 height 属性。例如：

textarea {
  width: 300px;
  height: 100px;
}

这将把 textarea 的宽度设置为 300 像素，高度设置为 100 像素。你可以根据需要调整这些值。

el-input textarea设置宽高

可以通过设置el-input和textarea的style属性来设置宽高，例如：

<el-input style="width: 200px; height: 100px;"></el-input>

<el-textarea style="width: 200px; height: 100px;"></el-textarea>