elementui全局去掉输入框前后的空格

本文介绍了如何在Vue中创建一个自定义组件el-input,通过监听输入事件并修剪值,实现全局去除input框输入值的首尾空格。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.先创建一个el-components.js文件

import Vue from 'vue'
import ElementUI from 'element-ui';

/**
 * @MethodAuthor: YuanZheLi
 * @Date: 2022-01-10 15:27:00
 * @Description: 统一格式化去除input首尾空格
*/
Vue.component('el-input', {
  extends: ElementUI.Input,
  created() {
    this.$on('change', (value) => {
      this.$emit('input', value.trim())
    })
  }
})

2.在main.js引入

//全局去掉input框的空格

import "./utils/el-components.js"