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

需求

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

解决方法

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

代码

html 复制代码
<el-input v-model.trim="name" clearable show-word-limit maxlength="20"></el-input>
相关推荐
宅博士小陈1 小时前
NodeJS的安装 npm 配置和使用 Vue-cli安装 Vue项目介绍
前端·javascript·vue.js
adminIvan2 小时前
Element plus使用menu时候如何在折叠时候隐藏掉组件自带的小箭头
前端·javascript·vue.js
会发光的猪。2 小时前
【 ElementUI 组件Steps 步骤条使用新手详细教程】
前端·javascript·vue.js·elementui·前端框架
程序媛小果3 小时前
基于java+SpringBoot+Vue的桂林旅游景点导游平台设计与实现
java·vue.js·spring boot
方才coding4 小时前
1小时构建Vue3知识体系之vue的生命周期函数
前端·javascript·vue.js
man20174 小时前
【2024最新】基于springboot+vue的闲一品交易平台lw+ppt
vue.js·spring boot·后端
阿征学IT4 小时前
vue过滤器初步使用
前端·javascript·vue.js
王哲晓4 小时前
第四十五章 Vue之Vuex模块化创建(module)
前端·javascript·vue.js
发现你走远了4 小时前
『VUE』25. 组件事件与v-model(详细图文注释)
前端·javascript·vue.js
前端小超超5 小时前
vue3 ts项目结合vant4 复选框+气泡弹框实现一个类似Select样式的下拉选择功能
前端·javascript·vue.js