vue項目中，設置所有的input框不能輸入空格

vue項目中，設置所有的input框不能輸入空格

​ 解決方案，在全局的Mixin中加入下面代碼

​ 方法一，這種方法不會去觸發elementUI的表單上加入的表單校驗規則

window.onkeypress = (event) => {
    if(event.keyCode == 32) event.returnValue = false
}

​ 方法二，在input標簽上加上onkeyup="this.value=this.value.replace(/\s+/g,'')"代碼，這個是正則去校驗為空格就去替換，但是如果用戶輸入空格，雖然在input框中未顯示，但是表單校驗時會認為已經輸入了值，所以不能為空的校驗會失效。這種方案得一條一條的加，而且效果不好。

<el-form-item :label="$t('lang.cellphone')" prop="cellphone">
     <el-input size="medium"
               v-model="createForm.cellphone"
               onkeyup="this.value=this.value.replace(/\s+/g,'')"
               :placeholder="$t('lang.hint-phone')"></el-input>
</el-form-item>