뷰 : 액세스 구성 요소 개체 속성

Question

나는 요소 내에 문을 사용하려고 해요 :

v-if="currentstep < maxStep" 

maxStep 내 defauld 수출에 나와있는 구성 요소의 수에서 얻을 수 있어야

export default { 
    name: 'step', 
    data() { 
     return { 
     maxStep: 8, 
     currentstep: 0 
     } 
    }, 
    components: { 
     ConfigPublicador, 
     ConfigServico, 
     ModeloReceita, 
     Integracoes, 
     ConfigTema, 
     ConfigApp, 
     ConfigExtras, 
     Assets, 
     Revisao 
    } 
    } 

예 :

maxStep = components.length 

Ide Ideias? 감사합니다.

Answer 1

이것은 분명히 코드 냄새입니다. 그러나 Object.keys(this.$options.components).length을 통해 그 값을 얻을 수 있습니다.

const Foo = { 
 
    template: '<div></div>', 
 
} 
 

 
new Vue({ 
 
    el: '#app', 
 
    components: { Foo }, 
 
    data() { 
 
    return { 
 
     count: 0, 
 
    } 
 
    }, 
 
    created() { 
 
    this.count = Object.keys(this.$options.components).length; 
 
    } 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script> 
 
<div id="app"> 
 
    <div v-if="count > 0"> 
 
    There is at least one component 
 
    </div> 
 
</div>