下面代码中的 v-for 似乎阻止了任何输出。

浏览器只显示

它应该显示 5 行

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: {}
})