当前位置: 首页 > news >正文

element-ui textarea备注 textarea 多行输入框

发现用这个组件,为了给用户更好的体验,要加下属性

1. 通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整,并且 autosize 还可以设定为一个对象,指定最小行数和最大行数。:autosize="{ minRows: 3, maxRows: 6}"

2. 输入长度限制 maxlength

3. 是否显示输入字数统计 show-word-limit

1. 显示

2. 写法

<div class="remark"><div class="label item-label" style="line-height: 40px;padding-left: 20px;box-sizing: border-box;width:100%">主要来访嘉宾姓名及职位</div><el-inputtype="textarea"v-model="visitForm.guest":autosize="{ minRows: 3, maxRows: 6}"maxlength="200"class="form-input"placeholder="填写示例:张三-院长,李四-设备科科长;"show-word-limit></el-input>
</div>

3. 提交必填校验

这个注意输入全是空格的情况,因为element-ui输入空格也算1个字符,

 // 文本域 判断是否为空
isEmptyOrWhitespace(str) {return !str || str.trim().length === 0;
},
if (this.isEmptyOrWhitespace(visitForm.guest)) {this.handleMessage("主要来访嘉宾姓名及职位必填")return;
}
http://www.lryc.cn/news/522567.html

相关文章:

  • Transformer创新模型!Transformer+BO-SVR多变量回归预测,添加气泡图、散点密度图(Matlab)
  • 大疆机场及无人机上云
  • 用Cursor生成一个企业官网前端页面(生成腾讯、阿里官网静态页面)
  • Java 数组排序
  • LeetCode:78.子集
  • 【经济学通识——国债】
  • 联合体(Union)
  • Kibana:ES|QL 编辑器简介
  • 【工具】curl工具
  • idea中远程调试中配置的参数说明
  • JavaWeb 前端基础 html + CSS 快速入门 | 018
  • Debian 设定 tomcat 定时重启
  • 【QT】: 初识 QWidget 控件 | QWidget 核心属性(API) | qrc 文件
  • 下载文件,浏览器阻止不安全下载
  • 基于javaweb的SpringBoot景区旅游管理系统设计和实现(源码+文档+部署讲解)
  • 【17】Word:林楚楠-供应链❗
  • Transformer中基于惊喜的遗忘机制
  • 从玩具到工业控制--51单片机的跨界传奇【3】
  • 基于机器学习的用户健康风险分类及预测分析
  • CF 641A.Little Artem and Grasshopper(Java实现)
  • 5 分钟复刻你的声音,一键实现 GPT-Sovits 模型部署
  • 1.Spring AI 从入门到实践
  • 第23篇 基于ARM A9处理器用汇编语言实现中断<五>
  • 攻防世界 unseping
  • Python编程与在线医疗平台数据挖掘与数据应用交互性研究
  • 浔川 AI 翻译已修复,可正常使用
  • apidoc thinkphp likeadmin 遇到解析报错
  • 第22篇 基于ARM A9处理器用汇编语言实现中断<四>
  • 重回C语言之老兵重装上阵(六)枚举
  • STL-list类