el-input type=textarea autosize为ture,如何知道用户手动调整了高度
时间: 2024-04-29 18:21:57 浏览: 111
如何为 Element UI 里的 autosize textarea 设置高度
当使用 `el-input` 组件的 `type` 属性为 `textarea`,并且设置 `autosize` 属性为 `true` 时,用户手动调整高度的事件可以通过监听 `input` 事件来实现。当用户手动调整了文本框的高度时,`input` 事件会被触发。在事件处理函数中,可以通过 `this.$refs.textarea.$refs.textarea.style.height` 获取当前文本框的高度值,从而知道用户手动调整的高度。以下是示例代码:
```
<template>
<el-input
ref="textarea"
type="textarea"
autosize
@input="handleTextareaInput"
></el-input>
</template>
<script>
export default {
methods: {
handleTextareaInput() {
const height = this.$refs.textarea.$refs.textarea.style.height;
console.log('当前高度:', height);
}
}
};
</script>
```
阅读全文