IView Input禁止输入空格,IView v-model.trim修饰符失效,IView输入框禁止输入空格
Iview 输入框Input组件地址 https://iview.github.io/components/input
IViewUI和elementUI还不一样,vue自带的trim禁止输入空格修饰符竟然在Input 组件中不起作用。
官方也没有自带什么方法
<Input v-model.trim="value" placeholder="请输入..." @input="inputFun" style="width: 300px">Input>
解决方案
... methods:{ //封装成自定义指令最好 inputFun(e) { //$nextTick必须 this.$nextTick(() => { //正则过滤空格 this.value = e.replace(/\s+/g,''); }) } } ...