Vue: Hapus atribut ketika v-model.number kosong

Dibuat pada 22 Mei 2017  ·  4Komentar  ·  Sumber: vuejs/vue

Masalah apa yang dipecahkan fitur ini?

Memecahkan masalah pola desain, yang tentu saja diharapkan dari aliran MVM termasuk v-model.number yang menghasilkan string saat kosong.

Ketika saya memasukkan angka dan kemudian menghapus teks dari input, itu berubah menjadi string di objek data reaktif.

Ini tentu saja merupakan masalah kegunaan dan casting utama, dan saya tidak melihat tujuan menyimpan atribut string kosong pada model. Itu harus disambungkan dari model saat kosong - sama seperti Anda membuat atribut baru pada entri teks, itu harus sebaliknya.

Ini tentu saja merupakan masalah pola desain yang harus diselesaikan, tidak perlu diimplementasikan pada level aplikasi setiap kali, ini adalah perbaikan kecil yang akan menambah banyak pada VueJS2, dan saya yakin banyak orang lain akan setuju dengan saya dalam hal ini!

Seperti apa tampilan API yang diusulkan?

Saat ini ketika input kosong

v-model.number="model.number"
model = {
nomor: ""
}

Apa yang harus dilakukan ketika input kosong

v-model.number="model.number"
model = {
}

Komentar yang paling membantu

@posva Setelah memahami lebih lanjut reaktivitas Vue, mengembalikan null pasti akan menjadi pilihan yang lebih baik daripada mengembalikan string

Semua 4 komentar

Saya kira perilaku saat ini adalah yang diharapkan.
Beause v-model hanyalah gula sintaks untuk v-bind:value dan v-on:input , tampaknya tidak membuat adegan bahwa event handler input menghapus properti objek ( dan mungkin mematahkan reaktivitas properti itu).

Saya akan mencari jalan keluar, terima kasih :) 👍

Seperti yang Anda lihat di #4742, itu adalah perilaku yang diharapkan. alasannya adalah untuk memungkinkan pengguna mengetahui kapan tidak ada nilai yang diberikan dalam input . Jika tidak, 0 dapat dimasukkan oleh pengguna dan juga input kosong

@posva Setelah memahami lebih lanjut reaktivitas Vue, mengembalikan null pasti akan menjadi pilihan yang lebih baik daripada mengembalikan string

Apakah halaman ini membantu?
0 / 5 - 0 peringkat