【vue2】element ui input全局默认去除前后空格

这篇具有很好参考价值的文章主要介绍了【vue2】element ui input全局默认去除前后空格。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

全局去除复制文本的空格

import Vue from 'vue'
import ElementUI from 'element-ui';
 
/**
 * @Description: 统一格式化去除input首尾空格
*/
Vue.component('el-input', {
  extends: ElementUI .Input,
  created() {
    this.$on('change', (value) => {
      this.$emit('input', value.trim())
    })
  }
})

页面组件:v-model加上.trim,可以去除输入的空格

<el-input maxlength="11" v-model.trim="mobileForm.mobile" style="width:78%" class="mr-10"></el-input>

element ui — el-input 去除输入value值的空格,最好是双管齐下文章来源地址https://www.toymoban.com/news/detail-775384.html

到了这里,关于【vue2】element ui input全局默认去除前后空格的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue去掉所有输入框两边空格,封装指令去空格,支持Vue2和Vue3,ElementUI Input去空格

    就是页面很多表单输入框,期望在提交的时候,都要把用户两边的空格去掉 ❌使用 vue 的指令 .trim 去掉空格 中间会输入不了空格, 比如我想输入 你好啊 中国 , 这中间的空格输入不了,只能变成 你好啊中国 ❌在提交的时候使用 trim() 方法去两边空格 需要一个个字段的添加,

    2024年02月14日
    浏览(49)
  • Vue2自己封装的基础组件库或基于Element-ui再次封装的基础组件库,如何发布到npm并使用(支持全局或按需引入使用),超详细

    以下我以 wocwin-admin-vue2 项目为例 修改目录结构,最终如下 1、导入组件,组件必须声明 name 2、定义 install 方法,接收 Vue 作为参数。如果使用 use 注册插件,则所有的组件都将被注册 3、导出的对象必须具有 install,才能被 Vue.use() 方法安装(全局使用) 4、按需引入 5、packa

    2024年02月08日
    浏览(78)
  • element ui input 深层循环v-model绑定默认数据删除不了的情况

    例子: 在项目开发中遇到的,简单记录一下  给input一个@input方法  使其更新视图,这样子就可以正常编辑删除了 出现这种情况是vue不能检测到对象属性的添加或者删除导致视图无法更新

    2024年02月15日
    浏览(66)
  • element-ui 的 el-input-number的默认值设置为空

    element 的 el-input-number的默认值设置为空 用 el-input-number 来限制输入框智能输入数字,例如价格之类的, v-model 设为 空 和 null 时,默认的值显示为允许输入的最小值。如下: 页面效果: 解决方法: v-model 设置为 undefined ,就可以了。 页面效果:

    2024年02月12日
    浏览(81)
  • vue2+element ui 上传文件

    完全基于elementui组件封装的上传组件 ,后期继续优化 父组件使用 1、引入组件

    2024年02月04日
    浏览(51)
  • 前端使用css去除input框的默认样式

    2024年01月23日
    浏览(60)
  • vue2+element ui封装搜索组件

    组件使用 封装组件:vueSearch 下拉多选组件:selectecho

    2024年02月08日
    浏览(52)
  • 全局配置遮罩层(VUE Element Ui)

    组件中 index.js loadingConfig.js main.js之中,感觉不需要引,但是查的资料写了,先放着 request.js之中

    2024年02月11日
    浏览(38)
  • vue2引入Element UI的详细步骤

    目录 一、Element UI介绍 Element UI的特点: 二、下载配置Element UI (零)创建vue项目 (一)下载Element UI依赖   (二)全局文件main.js中引入Element UI 三、删除多余的东西  (一)删除App.vue多余的  (二)删除多余的页面  (三)删除router路由多余的  四、新建vue页面 (一)新建

    2024年02月08日
    浏览(89)
  • 【Vue2+Element ui通用后台】菜单权限

    对于菜单权限我们需要解决以下问题: 1、不同的账号登录,有不同的菜单 2、通过输入url地址来显示页面,所以应该根据权限动态注册路由 3、对于菜单数据,在不同页面之间的数据通信 现在项目中的菜单,我们是在 CommenAside 中写死的,现在我们需要根据登录后返回的权限

    2024年02月07日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包