文章目录
- style方式
- element自带的禁止拉伸方法
- 建议
style方式
html
<el-inputv-model="content":rows="3"class="r_n"type="textarea"maxlength="40"placeholder=""style="height: 100%;"
/>
css
style
标签定义lang="scss" scoped
::v-deep .r_n {.el-textarea__inner {resize: none;} }
element自带的禁止拉伸方法
none
: 紧致拉伸
both
: 两者(纵向横向都可以拉伸)
horizontal
: 水平的(横向拉伸)
vertica
: 垂直(纵向拉伸)<el-inputv-model="content":rows="3"resize="none"type="textarea"maxlength="40"placeholder=""style="height: 100%;" />
建议
建议使用样式实现禁止拉伸,当文本域处于禁止输入状态时,使用
element
自带的禁止拉伸方式会影响resize
的显示。resize
在文本域禁止输入状态使用自带的禁止拉伸功能只显示一行,而样式禁止拉伸则能按照resize
设置的值显示。