input行きのスペース(vue 2)
763 ワード
windowsの下でコピーして貼ると、余分なスペースがあります.今日はvue-cliの下でどうやってinputの枠にコピーしたスペースを取り除くかを紹介します.実現方法はいろいろありますが、ここで自分が一番よく使うものを紹介します.他の子供たちはもっといい方法でメッセージを歓迎します.
<p>もちろん、
<p>以上、他のいい方法でメッセージを歓迎します.p>
Vue 1.x
では、1バージョンの修飾子v-model.trim
が双方向に結合されているので、実装が容易である.しかし、Vue 2.x
は、すべての双方向バインディング(親子prop通信を含む)をキャンセルし、修飾子が故障してしまうので、他のパスを開発しなければならない.
totrim: function () {
let that = this
that.keyword = that.keyword.trim()
},
<p>以上は最も簡単で効率的な方法です.欠点は肉眼で見える点滅したスペースのインデントです.p><p>もちろん、
v-model.trim
の手動双方向バインディングまたはvueフィルタを試みることもできるが、vue.filter
属性は、inputのリアルタイム応答を監督するのには適していない.p><p>以上、他のいい方法でメッセージを歓迎します.p>