Input 输入框禁止输入空格-vue
warning:
这篇文章距离上次修改已过191天，其中的内容可能已经有所变动。
在Vue中，可以通过自定义指令来禁止在输入框中输入空格。以下是一个简单的示例：
Vue.directive('no-space', {
bind: function (el) {
el.onkeydown = function (e) {
if (e.key === ' ') {
e.preventDefault();
}
};
},
unbind: function (el) {
el.onkeydown = null;
}
});然后在模板中，使用这个自定义指令：
<input v-no-space />这样就可以在使用v-no-space指令的<input>元素中禁止输入空格了。
评论已关闭