Vue: Prop terikat kosong menyebabkan pengecualian render

Dibuat pada 14 Mar 2017 · 3Komentar · Sumber: vuejs/vue

Versi Vue.js

2.2.4

Tautan Reproduksi

Langkah-langkah untuk mereproduksi

Jangan berikan apa pun ke prop terikat seperti pada contoh: <test :user=""></test>

Apa yang Diharapkan?

Paling buruk saya akan mengharapkan peringatan di konsol dan tidak ada crash; paling-paling saya mengharapkan prop datang dengan nilai null ke komponen.

Jika disetujui bahwa peringatan atau penggantian nol harus terjadi maka saya senang untuk mencoba dan menarik permintaan perubahan ini sendiri.

Apa yang sebenarnya terjadi?

Terjadi kesalahan yang mirip dengan:

[Vue warn]: Failed to generate render function:

SyntaxError: Unexpected token } in

with(this){return _c('div',{attrs:{"id":"app"}},[_c('test',{attrs:{"user":}})],1)}

(found in <Root>)

Sumber

jameshulse

👍1

Semua 3 komentar

Ini diharapkan. Anda juga akan mendapatkan kesalahan sintaksis di JS jika Anda tidak memberikan nilai pada bidang objek.

yyx990803 pada 14 Mar 2017

👍1

Terima kasih atas tanggapannya Evan.

Saya menghargai itu. Setelah Anda memahami fakta bahwa props terikat pada dasarnya adalah properti javascript.

Dalam hal ini, apakah Vue memiliki konsep pengecekan kesalahan dalam mode dev? Saya baru saja membantu seorang pemula yang mengalami masalah ini - saya pikir mereka bisa menyelesaikan masalah itu sendiri jika mereka menerima sesuatu yang mirip dengan:

[Vue warn] Bound property 'user' should not be empty on component 'test'

Sekali lagi, senang mencoba dan menambahkan ini jika menurut Anda bermanfaat.

jameshulse pada 14 Mar 2017

👍1

Ya, ini seharusnya dimungkinkan dengan memeriksa value sini . Jika Anda mengerjakan PR, pastikan untuk menyertakan kasus uji yang menyertainya.

yyx990803 pada 14 Mar 2017

👍1

Apakah halaman ini membantu?

0 / 5 - 0 peringkat