element 输入框禁止输入空格以及复制的值进去删除空格（vue自定义指令）开箱即用

实例图：

代码：

//输入框禁止输入空格
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>