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,'');
})
}
}
...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。