小七来了

el-input全局实现去除输入时前后空格功能更

1.首先创建el-input.js  本人是在utils目录下创建el-input.js文件

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

2.在main.js中引入创建的js即可  比如 

import "@/utils/el-input"

posted on 2024-02-22 14:39  小七来了  阅读(396)  评论(0编辑  收藏  举报