我有两个组件,一个是
所以我正在尝试在
以下是代码:
item
组件,另一个是folder
组件。每个item
都包含自己的folder
组件,每个folder
组件包含一个item
列表。所以我正在尝试在
folder
组件中使用item
组件,反之亦然,但是我遇到了错误:未知自定义元素:“<item>”-是否正确注册组件?对于递归组件,请确保提供“名称”选项。
尽管我在两个组件上都设置了name
选项。有什么想法吗?以下是代码:
item.vue
<template>
<div class="item" style="height: 30px">
. . .
<folder v-if="item.hasChildren" :id="id"></folder>
</div>
</template>
<script scoped>
import Folder from './folder.vue';
export default {
name: 'item',
props: ['id'],
components: {
Folder
}
};
</script>
folder.vue
<template>
<div class="folder">
<template v-for="(child, index) in children">
<item :last-item="index === children.length - 1" :key="child.id" :id="child.id"></item>
</template>
</div>
</template>
<script>
import Item from "./item.vue";
export default {
name: 'folder',
props: ['id', 'hasChildren'],
components: {
Item
}
};
</script>