Vue: cara membuat textarea tidak berubah baris...

Dibuat pada 15 Feb 2017 · 3Komentar · Sumber: vuejs/vue

https://jsfiddle.net/wangmin/rdjjpc7a/1628/
dalam demo ini，ketika saya mengklik enter
saya menggunakan e.stopPropagation() dan e.preventDefault()
tapi tidak berhasil
itu akan mengubah baris baru
saya tidak ingin itu
bagaimana cara menghindari...
Terima kasih

Sumber

MoonBottle

Komentar yang paling membantu

Ada beberapa hal yang salah dengan contoh Anda:

Alih-alih @keyup.onEnter="update" , Anda harus memanggil @keyup.enter="onEnter" , karena nama metode Anda adalah onEnter , bukan update , dan nama pengubahnya adalah enter , bukan onEnter .

Kedua: Baris baru dimasukkan ke dalam textarea pada keydown , bukan pada keyup , jadi kode lengkapnya harus:

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

Ini biola yang diperbarui: https://jsfiddle.net/tedt89kv/

Juga, perlu diingat bahwa pengguna Anda dapat Menyalin dan Menempel teks dengan baris baru ke dalam dokumen Anda. Mungkin Watcher akan lebih seperti yang Anda inginkan. Di pengamat, Anda dapat menghapus semua baris baru pada setiap perubahan nilai textarea.

danieldiekmeier pada 15 Feb 2017

👍4

Semua 3 komentar

Ada beberapa hal yang salah dengan contoh Anda:

Kedua: Baris baru dimasukkan ke dalam textarea pada keydown , bukan pada keyup , jadi kode lengkapnya harus:

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

Ini biola yang diperbarui: https://jsfiddle.net/tedt89kv/

danieldiekmeier pada 15 Feb 2017

👍4

Juga, dari template masalah yang Anda hapus untuk mengeposkan pertanyaan Anda:

Daftar masalah repo ini khusus untuk laporan bug dan permintaan fitur. Untuk pertanyaan sederhana, gunakan sumber daya berikut:
Baca dokumen: https://vuejs.org/guide/
Tonton tutorial video: https://laracasts.com/series/learning-vue-step-by-step
Tanyakan di ruang obrolan Gitter: https://gitter.im/vuejs/vue
Tanyakan di forum: http://forum.vuejs.org/
Cari/ajukan pertanyaan tentang stack overflow: https://stackoverflow.com/questions/ask?tags=vue.js