elementUI input 禁止内容两端存在空格,或者是自动去除两端空格

ops/2024/11/14 13:32:35/

需求

项目中有需求:输入框中禁止内容两端存在空格,或者是自动去除两端空格。

解决方法

vue的api文档中有过介绍,使用.trim可以去掉用户输入内容中两端的空格,如下图
在这里插入图片描述

代码

<el-input v-model.trim="name" clearable show-word-limit maxlength="20"></el-input>

http://www.ppmy.cn/ops/133576.html

相关文章

基于标签相关性的多标签学习

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢&#xff0c;在这里我会分享我的知识和经验。&am…

lua入门教程 :模块和包

Lua中的模块和包是组织和重用代码的重要工具。以下是对Lua模块和包的详细教程&#xff1a; 一、模块的定义 Lua的模块是由变量、函数等已知元素组成的table&#xff0c;可以看作是一个封装库。从Lua5.1开始&#xff0c;Lua加入了标准的模块管理机制&#xff0c;允许把一些公用…

执行npm run build -- --report后,生产report.html文件是什么?

‌ 执行npm run build -- --report后&#xff0c;生成的report.html文件是一个打包分析报告&#xff0c;它详细记录了项目的打包结果和各个文件的大小信息。‌ 这个报告文件通常包含以下内容&#xff1a; ‌文件大小信息‌&#xff1a;报告会列出项目中每个文件的大小&#…

使用Docker快速部署FastAPI Web应用

Docker是基于 Linux 内核的cgroup、namespace以及 AUFS 类的Union FS 等技术&#xff0c;对进程进行封装隔离&#xff0c;一种操作系统层面的虚拟化技术。Docker中每个容器都基于镜像Image运行&#xff0c;镜像是容器的只读模板&#xff0c;容器是模板的一个实例。镜像是分层结…

【网络】应用层——HTTP协议

> 作者&#xff1a;დ旧言~ > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;了解什么是HTTP协议。 > 毒鸡汤&#xff1a;有些事情&#xff0c;总是不明白&#xff0c;所以我不会坚持。早安! > 专栏选自&#xff1a;网络 &g…

美团代付微信小程序 read.php 任意文件读取漏洞复现

0x01 产品描述&#xff1a; ‌ 美团代付微信小程序‌是美团点评旗下的一款基于微信小程序技术开发的应用程序功能&#xff0c;它允许用户方便快捷地请求他人为自己支付订单费用。通过微信小程序&#xff0c;用户可以轻松实现代付操作&#xff0c;无需跳转到其他应用或网页…

ApiSmart 最新支持大模型供应商列表+Prompt 收集项目

累计到 2024/11/08 (0.6.0) ApiSmart 已经支持16家大模型供应商&#xff0c;n大模型接入&#xff08;本地环境可无限多模型&#xff09;&#xff1b; IDEA 官方对大模型类plugin 审批也是出乎意料的快&#xff0c;基本在 2小时内&#xff1a; OpenAi Azure Gemini Anthropic…

Qt_day10_程序打包(完结)

目录 1. 设置图标 2. Debug和Release版本 3. 动态链接库 4. 打包 5. 联系项目要求 Qt开发的程序最终都是要给用户使用的&#xff0c;用户的电脑上不可能装一个Qt的开发环境导入项目使用。因此项目项目开发完成后需要打包——制作成安装包&#xff0c;用户直接下载并安装即可使用…