Vue项目 使用element ui在input框上使用v-model.trim导致输入空格失效

如果在v-model上加.trim修饰符,得到的内容是去除了前后空白的,但是在输入数据的时候没法按空格键输入空格,是因为element的input框不支持v-model.trim的写法,如图:

 所以想解决去除输入值前后空白又能输入空格的问题我们不能使用修饰符.trim,应该使用js的trim方法,在el-input的@blur事件中去除首尾空格:


版权声明:本文为wxl1549777232原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。