@newitem

Почему не работает рекурсия?

У меня есть 2 компонента.
В одном из них я хочу вызвать рекурсию в цикле, чтобы вывести дерево.
Компонент рекурсии:
<template>
  <div>
  <ul v-for="(asset, k) in sub" :key="k" class="q-my-none">
      <li class="q-px-md row justify-between items-center">
        <div class="cursor-pointer">
          {{ asset["name"] }}
        </div>
        <q-btn
          push
          color="white"
          text-color="primary"
          round
          icon="expand_more"
          flat
          class="q-my-xs no-shadow"
        />
        <recourse  v-if="asset.sub && asset.sub.length" :sub="asset.sub"></recourse>
      </li>
  </ul>
  </div>
</template>

<script>
import Recourse from "./Recourse";

export default {
  props: ['sub'],
components:{
  Recourse
}
};
</script>

Компонент вызова и сам массив нет смысла прописывать.
1 уровень вложенности он выводит.
А вот дальше выдает ошибку: Unknown custom element: <recourse>, будто не зарегистрирован компонент.
Как в компоненте рекурсии его же и зарегистрировать?
  • Вопрос задан
  • 27 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Потому что вы невнимательно читали документацию:

Компоненты могут рекурсивно вызывать себя в своём собственном шаблоне. Однако, они могут делать это только с помощью опции name
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы