脚本宝典收集整理的这篇文章主要介绍了

input 去空格(vue2)

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

windows下复制黏贴都会有多余空格,今天介绍一下在vue-cli下如何去除复制到input框中的空格。
实现方法有很多种,我这里介绍一种自己最常用的,其他小伙伴有更好的办法欢迎留言。

Vue 1.x版本中很容易实现,因为1版本中修饰符v-model.trim双向绑定的。
Vue 2.x版本取消了所有双向绑定(包括父子prop通信),导致修饰符失效,所以必须另辟他径。

<template>

<input type="text" @keyup="toTrim" v-model="keyword" placeholder="请输入内容">

<script>

totrim: function () {
    let that = this
    that.keyword = that.keyword.trim()
},

以上是最简单快捷的办法,缺点是肉眼可见一闪而过的空格缩进

当然也可以尝试v-model.trim手动双向绑定,或者vue过滤器,但是vue.filter属性并不适合监听input实时响应。

以上,有其他好的方式欢迎留言。

总结

以上是脚本宝典为你收集整理的

input 去空格(vue2)

全部内容,希望文章能够帮你解决

input 去空格(vue2)

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过