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

需求

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

解决方法

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

代码

html 复制代码
<el-input v-model.trim="name" clearable show-word-limit maxlength="20"></el-input>
相关推荐
麻辣_水煮鱼2 小时前
vue数据变化但页面不变
前端·javascript·vue.js
计算机毕设孵化场4 小时前
计算机毕设-基于springboot的多彩吉安红色旅游网站的设计与实现(附源码+lw+ppt+开题报告)
vue.js·spring boot·后端·计算机外设·课程设计·计算机毕设论文·多彩吉安红色旅游网站
小王码农记4 小时前
vue中路由缓存
前端·vue.js·缓存·typescript·anti-design-vue
战神刘玉栋4 小时前
《SpringBoot、Vue 组装exe与套壳保姆级教学》
vue.js·spring boot·后端
乐闻x4 小时前
Vue实践篇:如何在 Vue 项目中检测元素是否展示
前端·javascript·vue.js
理想不理想v5 小时前
【经典】webpack和vite的区别?
java·前端·javascript·vue.js·面试
xChive6 小时前
优化表单交互:在 el-select 组件中嵌入表格显示选项
前端·vue.js·交互·element-plus
_jacobfu6 小时前
mac2024 安装node和vue
前端·javascript·vue.js
羽羽Ci Ci6 小时前
axios vue.js
前端·javascript·vue.js
axihaihai6 小时前
购物街项目TabBar的封装
vue.js