Vue: Kesalahan mengkompilasi template, meskipun satu elemen root

Dibuat pada 20 Jul 2017  ·  4Komentar  ·  Sumber: vuejs/vue

Versi: kapan

2.4.1

Tautan reproduksi

https://jsfiddle.net/k5h2fvqh/

Langkah-langkah untuk mereproduksi

  1. <p> tag sebagai elemen Root
  2. letakkan tag <div> sebagai elemen anak

Apa yang diharapkan?

Render template dengan benar

Apa yang sebenarnya terjadi?

Kesalahan saat mengkompilasi template dengan pesan "Template komponen harus berisi tepat satu elemen root"

bug

Komentar yang paling membantu

Itu adalah perilaku yang diharapkan, tag <p> tidak dapat memiliki anak <div> (dan blok lainnya juga) jadi <p><div></div></p> diuraikan sebagai <p></p><div></div></p> dan seperti yang Anda lihat lebih dari satu elemen akar. Itu batasan HTML.

PS Informasi lebih lanjut tersedia di sini

Semua 4 komentar

Berikut repro minimal: https://jsfiddle.net/gq2ckLLf/

Itu adalah perilaku yang diharapkan, tag <p> tidak dapat memiliki anak <div> (dan blok lainnya juga) jadi <p><div></div></p> diuraikan sebagai <p></p><div></div></p> dan seperti yang Anda lihat lebih dari satu elemen akar. Itu batasan HTML.

PS Informasi lebih lanjut tersedia di sini

Daftar lengkap elemen yang "menutup" <p> tersedia di sini

Apakah halaman ini membantu?
0 / 5 - 0 peringkat