{{product.brand}} Comment boucler des éléments dans la boutique Vuex-Questions et réponses sur le réseau chinois PHP
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment boucler des éléments dans la boutique Vuex
P粉513318114
P粉513318114 2023-09-11 23:38:31
0
1
515

Voici ma boutique dans Vue Dev Tools :

Voici mon composant Vue :

Si j'utilise ceci :

{{allProducts}}

J'ai reçu tous les produits.

Mais lorsque vous essayez d'utiliser cette boucle :

 {{ product.brand }}

Non affiché.

Que dois-je faire ?

P粉513318114
P粉513318114

répondre à tous (1)
P粉536909186
P粉5369091862023-09-12 13:12:45 1 plancher

allProducts是具有属性products的对象，因此为了循环产品，请尝试product in allProducts.products

const app = Vue.createApp({ data() { return { allProducts: { products: [ {brand: 'aaa'}, {brand: 'bbb'} ] } }; }, }) app.mount('#demo')
 
 
 {{ product.brand }}
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！