https://jsfiddle.net/wangmin/rdjjpc7a/1628/
このデモでは、Enterをクリックすると
e.stopPropagation()とe.preventDefault()を使用しました
しかし、それは機能しません
改行が変更されます
私はそれをしたくない
回避する方法..。
ありがとう
あなたの例にはいくつか間違っていることがあります:
メソッドの名前はupdate
onEnter
であり、修飾子の名前はenter
であるため、 @keyup.onEnter="update"
@keyup.enter="onEnter"
を呼び出す必要があります。 enter
、 onEnter
ではありません。
2番目:改行はkeyup
keydown
のテキストエリアに配置されるため、完全なコードは次のようになります。
<div id="editor">
<textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>
更新されたフィドルは次のとおりです: https ://jsfiddle.net/tedt89kv/
また、ユーザーが改行を含むテキストをコピーしてドキュメントに貼り付ける可能性があることに注意してください。 たぶん、ウォッチャーはあなたが望むものよりも多いでしょう。 ウォッチャーでは、textareaの値が変更されるたびにすべての改行を削除できます。
また、質問を投稿するために削除した課題テンプレートから:
このレポジトリの問題リストは、バグレポートと機能リクエスト専用です。 簡単な質問については、次のリソースを使用してください。
- ドキュメントを読む: https ://vuejs.org/guide/
- ビデオチュートリアルを見る: https ://laracasts.com/series/learning-vue-step-by-step
- Gitterチャットルームで質問する: https ://gitter.im/vuejs/vue
- フォーラムで質問する:http: //forum.vuejs.org/
- スタックオーバーフローに関する質問を探す/質問する: https ://stackoverflow.com/questions/ask?tags = vue.js
ありがとう...次回はもっと考えます
最も参考になるコメント
あなたの例にはいくつか間違っていることがあります:
メソッドの名前は
update
onEnter
であり、修飾子の名前はenter
であるため、@keyup.onEnter="update"
@keyup.enter="onEnter"
を呼び出す必要があります。enter
、onEnter
ではありません。2番目:改行は
keyup
keydown
のテキストエリアに配置されるため、完全なコードは次のようになります。更新されたフィドルは次のとおりです: https ://jsfiddle.net/tedt89kv/
また、ユーザーが改行を含むテキストをコピーしてドキュメントに貼り付ける可能性があることに注意してください。 たぶん、ウォッチャーはあなたが望むものよりも多いでしょう。 ウォッチャーでは、textareaの値が変更されるたびにすべての改行を削除できます。