Vuejs динамические директивы v-for цикла - PullRequest
Новая
       49

Vuejs динамические директивы v-for цикла

0 голосов
/ 17 декабря 2018

У меня есть следующий код, но он отображает текст и не создает экземпляры шагов.

Как мне этого добиться?

Шаблон: 

<template>
    <div>
        <ul>
            <li v-for="(step, index) in $store.state.steps" >
                <{{`step-${index+1}`}}></{{`step-${index+1}`}}>
            </li>
        </ul>
    </div>
</template>

Вывод: 

<step-1></step-1>
<step-2></step-2>
<step-3></step-3>
<step-4></step-4>
<step-5></step-5>
<step-6></step-6>
<step-7></step-7>

1 Ответ

0 голосов
/ 17 декабря 2018

Прочитайте документацию здесь https://vuejs.org/v2/guide/components-dynamic-async.html

<component v-bind:is="currentComponent"></component>
...