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

本文主要是介绍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>

这篇关于element 输入框禁止输入空格以及复制的值进去删除空格（vue自定义指令）开箱即用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---