input输入框去除前后空格

input输入框去除前后空格

在全局方法目录`util`下新建 `blurChangeVal.js`

// blurChangeVal.js 内容
/**
 * input输入框去除前后空格
 */
export function blurChangeVal (val, str) {
    
    
	val = val.trim()
	if (str) {
    
    
		if (str.indexOf('.') != -1) {
    
    
			console.log('1', this)
			console.log('str.split', str.split('.'))
			this[str.split('.')[0]][str.split('.')[1]] = val
		} else {
    
    
			console.log('2', this)
			this[str] = val
		}
	}
}

在main.js 中引入

// input输入框去除前后空格方法全局注册
import {
    
    blurChangeVal} from '@/util/blurChangeVal.js'
Vue.prototype.$blurVal = blurChangeVal

在项目中使用

/**
*  @blur="$blurVal(formData.inventoryTaskName, 'formData.inventoryTaskName')"
*/
<el-form-item label="任务名称" prop="inventoryTaskName">
  <el-input v-model="formData.inventoryTaskName" :maxlength="20" @blur="$blurVal(formData.inventoryTaskName, 'formData.inventoryTaskName')"></el-input>
</el-form-item>