实例图:
代码:
//输入框禁止输入空格
Vue.directive('noSpace', {
bind(el) {
//禁止输入空格
el.addEventListener("keydown", function (event) {
if (event.keyCode === 32) {
event.preventDefault();
}
});
//复制值时去掉空格
el.addEventListener("paste", function (event) {
event.preventDefault();
let text = event.clipboardData.getData('text/plain');
document.execCommand("insertText", false, text.replace(/\s/g, ""));
});
},
});
使用:
<el-input size="medium" v-model="searchItem2" placeholder="请输入" v-no-space> </el-input>