मैं v-for
एक्स (जैसे 10) बार के माध्यम से एक लूप कैसे दोहरा सकता हूं ?
// want to repeat this (e.g.) 10 times
<ul>
<li v-for="item in shoppingItems">
{{ item.name }} - {{ item.price }}
</li>
</ul>
प्रलेखन से पता चलता है:
<ul>
<li v-for="item in 10">{{ item }}</li>
</ul>
// or
<li v-for="n in 10">{{ n }} </li>
// this doesn't work
<li v-for="item in 10">{{ item.price }}</li>
लेकिन कहां से कहां से वस्तुओं के स्रोत का पता चलता है? अगर मैं इसे रेंडर करता हूं जैसे कि डॉक्टर कहता है, मुझे आइटम और आइटम की संख्या मिलती है, लेकिन सामग्री के बिना।
v-for
; जब इसे किसी पूर्णांक के विरुद्ध कहा जाता है, और जब इसे किसी सरणी के विरुद्ध कहा जाता है। उन मोडों को मिलाने और एक सरणी की सामग्री तक पहुंच को नियंत्रित करने के लिए पूर्णांक का उपयोग करने की कोशिश करने से समस्याएं पैदा होने की संभावना है। यदि आपको सरणी के सबसेट की आवश्यकता है तो आप उसे फ़िल्टर कर सकते हैं।