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

需求

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

解决方法

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

代码

html 复制代码
<el-input v-model.trim="name" clearable show-word-limit maxlength="20"></el-input>
相关推荐
来自星星的坤7 小时前
Vue 3中如何封装API请求:提升开发效率的最佳实践
前端·javascript·vue.js
程序猿熊跃晖9 小时前
Vue中如何优雅地处理 `<el-dialog>` 的关闭事件
前端·javascript·vue.js
前端开心果10 小时前
vue实现静默打印pdf
前端·vue.js·pdf
OpenTiny社区12 小时前
TinyVue v3.22.0 正式发布:深色模式上线!集成 UnoCSS 图标库!TypeScript 类型支持全面升级!
前端·vue.js·开源
工业互联网专业13 小时前
基于JavaWeb的花店销售系统设计与实现
java·vue.js·spring boot·毕业设计·源码·课程设计·花店销售系统
会飞的鱼先生14 小时前
vue3中slot(插槽)的详细使用
前端·javascript·vue.js
cg501714 小时前
Vue 的数据代理机制
前端·javascript·vue.js
编程老菜鸡15 小时前
Vue3-原始值的响应式方案ref
前端·javascript·vue.js
正在努力的前端小白15 小时前
Vue3可编辑字段组件的演进之路:从繁琐到优雅
前端·javascript·vue.js
前端爆冲16 小时前
基于vue和flex实现页面可配置组件顺序
前端·javascript·vue.js