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,'');
   }) 
}


}


...