IView Input禁止输入空格 IView v-model.trim修饰符失效 IView输入框禁止输入空格

Iview 输入框Input组件地址https://iview.github.io/components/input

IViewUI和elementUI还不一样，vue自带的trim禁止输入空格修饰符竟然在Input 组件中不起作用。

官方也没有自带什么方法

<!--IView UI里面 trim修饰符还不起作用 坑爹--><Input v-model.trim="value" placeholder="请输入..." @input="inputFun" style="width: 300px"></Input>

解决方案

...methods:{//封装成自定义指令最好inputFun(e) {//$nextTick必须this.$nextTick(() => {//正则过滤空格this.value = e.replace(/\s+/g,'');}) }}...