element-ui表单中的文本域调整高度

<el-form-item label="活动形式">

<el-input type="textarea" v-model="form.desc"></el-input>

</el-form-item>

在<el-input type="textarea" v-model="form.desc"></el-input> 加上属性 :rows="2" 默认是2 你想调整高一点可以更改这个数字

其实我在工作中发现一个问题就是没法取消让用户无法拖拽设置文本域的高度

这个element-ui 的文本域默认用户是可以拖拽高度

在普通的文本输入域直接设置样式 resize:none 用户就无法拉扯变形

很奇怪这个样式在element-ui文本输入域中无法执行

我翻过很多网上的知识

如果你是用脚手架形式的可以试试覆盖他的样式

我试试了试试不行它内部封装的是vue的组件

试试可以的童鞋麻烦私信我咱聊一聊

element-ui表单中的文本域调整高度相关推荐

Vue+element ui表单中省市区级联选择—v-distpicker/Cascader
v-distpicker组件或Cascader 级联选择器 1.页面 <el-form ref="form" :model="form" :rules=& ...
vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单使用记录 element ui 表单 input 文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式 ...
密码域的HTML代码是,表单中的密码域password
[实例介绍] 表单中的密码域password 在表单中还有一种文本字段的形式--密码域,输入到其中的文字均以星号"*"或圆点"●"显示. [基本语法] [语法介 ...
vue+element ui表单校验（邮箱、电话、工商信息）
vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...
form generator ——Element UI表单设计及代码生成器
form generator Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中. 网站地址:https://mrhj.gitee.io/form-ge ...
element ui 表单验证为正整数
很多时候都会用表单中输入正整数的情况,在element ui中可以用el-input-number 标签来显示输入框是number类型的,或者type="number"也可以的,但 ...
关于CSS中的下拉表单和文本域元素
select下拉表单元素: 使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间,可以使用<select>标签控件定义下拉列表. 语法格式: <select>&l ...
vue开源Element UI表单设计及代码生成器
1 可视化设计器设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库 https:// ...

element-ui表单中的文本域调整高度

element-ui表单中的文本域调整高度相关推荐

最新文章

热门文章

element-ui表单中的文本域 调整高度

element-ui表单中的文本域 调整高度相关推荐

最新文章

热门文章

element-ui表单中的文本域调整高度

element-ui表单中的文本域调整高度相关推荐