Vue: Penguraian buruk saat data terikat berisi backtick

Dibuat pada 14 Jul 2016 · 5Komentar · Sumber: vuejs/vue

Versi Vue.js

1.0.26

Tautan Reproduksi

http://codepen.io/sirlancelot/pen/zBPVBo?editors=1010#0

Langkah-langkah untuk mereproduksi

Ikat objek sebaris dengan nilai yang mengandung karakter backtick
Apa yang Diharapkan?
Objek direproduksi dengan baik dalam model data
Apa yang sebenarnya terjadi?
scope. sedang ditambahkan ke segala sesuatu antara backtick dan kutipan yang lolos.

Kami menggunakan alat peraga untuk mengambil model data awal dari server ke browser. Kami melakukannya dengan cara yang mirip dengan contoh yang ditunjukkan di CodePen. Pada dasarnya, instance root Vue kami berisi daftar props yang akan muncul di elemen dan diisi oleh server.

bug

Sumber

sirlancelot

Komentar yang paling membantu

@LinusBorg - Saya menggunakan https://www.debuggex.com/ sangat berguna!

skyronic pada 22 Jul 2016

👍10

Semua 5 komentar

Sebagai solusi sementara, Anda dapat melewati masalah dengan keluar dari backtick.

//broken
:items="[{'title':'one','value':1},{'title':'t`wo','value':2}]"

//works
:items="[{'title':'one','value':1},{'title':'t\`wo','value':2}]"

Untuk siapa pun yang menyelidiki, tampaknya masalah tidak terjadi saat array hanya berisi satu elemen.

Etheryte pada 14 Jul 2016

Saya membuat perubahan ke ekspresi reguler dan ini tampaknya berfungsi dengan baik sekarang. Namun ini sepertinya regexp yang sangat penting dan saya tidak yakin dengan tambalannya.