关于iview:IView-Input禁止输入空格IView-vmodeltrim修饰符失效IView输入框禁止输入空格

39次阅读

共计 368 个字符,预计需要花费 1 分钟才能阅读完成。

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


}


...

正文完
 0