Vue: textareaを作成する方法は行を変更しませんでした...

作成日 2017年02月15日  ·  3コメント  ·  ソース: vuejs/vue

https://jsfiddle.net/wangmin/rdjjpc7a/1628/
このデモでは、Enterをクリックすると
e.stopPropagation()とe.preventDefault()を使用しました
しかし、それは機能しません
改行が変更されます
私はそれをしたくない
回避する方法..。
ありがとう

最も参考になるコメント

あなたの例にはいくつか間違っていることがあります:

メソッドの名前はupdate onEnterであり、修飾子の名前はenterであるため、 @keyup.onEnter="update" @keyup.enter="onEnter"を呼び出す必要があります。 enteronEnterではありません。

2番目:改行はkeyup keydownのテキストエリアに配置されるため、完全なコードは次のようになります。

<div id="editor">
  <textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>

更新されたフィドルは次のとおりです: https ://jsfiddle.net/tedt89kv/


また、ユーザーが改行を含むテキストをコピーしてドキュメントに貼り付ける可能性があることに注意してください。 たぶん、ウォッチャーはあなたが望むものよりも多いでしょう。 ウォッチャーでは、textareaの値が変更されるたびにすべての改行を削除できます。

全てのコメント3件

あなたの例にはいくつか間違っていることがあります:

メソッドの名前はupdate onEnterであり、修飾子の名前はenterであるため、 @keyup.onEnter="update" @keyup.enter="onEnter"を呼び出す必要があります。 enteronEnterではありません。

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

ありがとう...次回はもっと考えます

このページは役に立ちましたか?
0 / 5 - 0 評価