element ui input全局默认去除前后空格 directive

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

在main.js 引入一下就可以,当然自己还可以去扩展其他一些奇葩需求

import "@/utils/el-input"