style方式
html
<el-input
v-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
: 垂直(纵向拉伸)文章来源:https://www.toymoban.com/news/detail-663403.html<el-input v-model="content" :rows="3" resize="none" type="textarea" maxlength="40" placeholder="" style="height: 100%;" />
建议
建议使用样式实现禁止拉伸,当文本域处于禁止输入状态时,使用
element
自带的禁止拉伸方式会影响resize
的显示。resize
在文本域禁止输入状态使用自带的禁止拉伸功能只显示一行,而样式禁止拉伸则能按照resize
设置的值显示。文章来源地址https://www.toymoban.com/news/detail-663403.html
到了这里,关于element文本域禁止手动拉伸、两种方式、textarea的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!