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

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