vue input表单禁止输入空格

禁止表单输入的文本前后空格 (禁止前后)


<el-input type="text" v-model.trim="table_desc">el-input>

禁止表单输入的文本内是否有空格 (禁止前后中间)

方法一:


<el-input type="text" v-model="table_desc" @keyup="inputKeyup()">el-input>


methods:{
	//当用户释放键时执行 JavaScript
	inputKeyup(){
	   let _this = this;
	   _this.table_desc = _this.table_desc.replace(/\s+/g,'');
	 },
}

方法二:


<el-input type="text" v-model="table_desc" @keydown="imeiKeyDow($event)"">el-input>


methods:{
	//当用户按键时执行 JavaScript
	imeiKeyDow(e){
      if(e.keyCode == 32){
        e.returnValue = false
      }
    },
}

你可能感兴趣的:(vue,vue.js,前端)