vantui textarea高度
时间: 2023-12-13 18:33:46 浏览: 105
根据提供的引用内容,可以看出这是两种不同的实现方式,一种是使用jquery实现的textarea高度自适应,另一种是使用vantui中的el-input组件实现的。下面分别介绍这两种实现方式:
1. 使用jquery实现的textarea高度自适应
```javascript
$(document).ready(function(){
$('textarea').on('input', function () {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
});
});
```
这段代码使用了jQuery库,当textarea的输入内容发生变化时,会自动调整textarea的高度以适应内容。
2. 使用vantui中的el-input组件实现的textarea高度自适应
```html
<template>
<div>
<el-input
type="textarea"
:rows="3"
placeholder="请输入内容"
v-model="textarea"
autosize
></el-input>
</div>
</template>
<script>
export default {
data() {
return {
textarea: ''
};
}
};
</script>
```
这段代码使用了vantui中的el-input组件,其中的autosize属性可以让el-input组件自动调整高度以适应内容。
阅读全文