Element ui设置文本域textarea高度，不可鼠标拖拉

在Element UI中，如果你想要设置一个不可拖拉的文本域（<el-input type="textarea">）的高度，你可以使用autosize属性，并设置一个具体的minRows和maxRows值。这样文本域就会固定在你设定的行数大小，用户就不能通过拖动鼠标来改变它的高度了。

下面是一个例子：




<template>
  <el-input
    type="textarea"
    v-model="text"
    autosize="{ minRows: 2, maxRows: 4 }"
    placeholder="请输入内容"
  ></el-input>
</template>
 
<script>
export default {
  data() {
    return {
      text: ''
    };
  }
};
</script>

在这个例子中，文本域的最小高度是2行，最大高度是4行。用户不能通过拖动鼠标来改变文本域的高度，它将固定在2到4行之间。

Element ui设置文本域textarea高度，不可鼠标拖拉

评论已关闭

推荐阅读