码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-05-25 17:46:52      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:rgb   自定义   git   自带   ref   view   解决   data   replace   

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


}


...

 

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

标签:rgb   自定义   git   自带   ref   view   解决   data   replace   

原文地址:https://www.cnblogs.com/tianmiaogongzuoshi/p/14806370.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!