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实时响应。

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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24727.html