< divclass="Polaris-SqueletteBo"> v-for dans le composant Vue JS ne génère rien-Questions et réponses sur le réseau chinois PHP
v-for dans le composant Vue JS ne génère rien
P粉268654873
P粉268654873 2023-09-11 22:43:19
0
1
482

Le v-for dans le code ci-dessous semble empêcher toute sortie.

Le navigateur affiche uniquement

Il devrait afficher 5 lignes

Vue.component('skeleton-body', { props: ['lines'], template: `
` }); Vue.component('skeleton-display', { props: ['size'], template: `
` }); Vue.component('translation', { props: ['phrase', 'type', 'lines', 'size'], template: ` `, computed: { getSkeletonComponent() { if (this.type === 'body') { console.log (this.lines); return 'skeleton-body'; } else if (this.type === 'display') { switch (this.size) { case 'small': this.size = 'Small' break; case 'medium': default: this.size = 'Medium' break; case 'large': this.size = 'Large' break; case 'extraLarge': this.size = 'ExtraLarge' break; } return 'skeleton-display'; } } } }); new Vue({ el: '#app', data: { language: {} }, methods: {} })
   

P粉268654873
P粉268654873

répondre à tous (1)
P粉618358260

On dirait que la valeur des lignes est analysée comme une chaîne.

    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!