divclass="Polaris-SqueletteBo">
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: `{{ phrase }} `, 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: {} })
On dirait que la valeur des lignes est analysée comme une chaîne.