ヴュー：Accessコンポーネントオブジェクトプロパティ

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>