Vue: बैड पार्सिंग जब बाध्य डेटा में एक बैकटिक होता है

को निर्मित 14 जुल॰ 2016 · 5टिप्पणियाँ · स्रोत: vuejs/vue

Vue.js संस्करण

1.0.26 है

प्रजनन लिंक

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

प्रजनन करने कि प्रक्रिया

एक इनलाइन ऑब्जेक्ट को बैकटिक वर्ण वाले मान के साथ बांधें
क्या उम्मीद है?
डेटा मॉडल में ऑब्जेक्ट को ठीक से पुन: पेश किया जाता है
वास्तव में क्या हो रहा है?
scope. बैकटिक और एक बची हुई बोली के बीच सब कुछ में जोड़ा जा रहा है।

हम सर्वर से ब्राउज़र तक एक प्रारंभिक डेटा मॉडल को तैयार करने के लिए प्रॉप्स का उपयोग कर रहे हैं। हम इसे CodePen में दिखाए गए उदाहरण के समान तरीके से कर रहे हैं। मूल रूप से, हमारे रूट Vue उदाहरण में प्रॉपर की एक सूची होती है जो तत्व पर दिखाई देगी और सर्वर द्वारा पॉपुलेटेड होगी।

bug

स्रोत

sirlancelot

सबसे उपयोगी टिप्पणी

@LinusBorg - मैंने https://www.debuggex.com/ का बहुत उपयोग किया!

skyronic 22 जुल॰ 2016

👍10

सभी 5 टिप्पणियाँ

अस्थायी वर्कअराउंड के रूप में, आप बैकटिक से बचकर समस्या को बायपास कर सकते हैं।

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

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

जांच करने वाले किसी के लिए, ऐसा लगता है कि यह समस्या तब नहीं होती है जब सरणी में केवल एक ही तत्व होता है।

Etheryte 14 जुल॰ 2016

मैंने एक नियमित अभिव्यक्ति में बदलाव किया और यह अब ठीक काम कर रहा है। हालांकि यह एक बहुत ही महत्वपूर्ण regexp की तरह लग रहा था और मुझे पैच का यकीन नहीं है।