uniapp富文本textarea设置默认高度
时间: 2023-08-03 14:03:36 浏览: 106
layui 富文本编辑器和textarea值的相互传递方法
在使用 `textarea` 组件实现富文本编辑时,可以通过设置 `textarea` 的 `style` 属性来调整其默认高度。具体实现方式如下:
```html
<template>
<textarea
v-model="content"
:style="{ height: `${textareaHeight}px` }"
></textarea>
</template>
<script>
export default {
data() {
return {
content: '', // 富文本内容
textareaHeight: 200 // 默认高度为 200px
}
}
}
</script>
```
以上代码中,我们通过在 `textarea` 上设置 `style` 属性,并将其高度设置为 `textareaHeight` 变量的值,来调整 `textarea` 的默认高度。你可以根据实际需求来调整 `textareaHeight` 的值。
阅读全文