我有一个包含 2 个子组件并使用 Vue 2 组合 API 插件的父组件。
它抛出错误“[Vue 警告]:未知的自定义元素:-您是否正确注册了组件?” 仅当组件正常运行时;它与有状态组件一起使用。
<over-view>
被选中是因为 prop isSearching 为 false;但如果条件恢复(v-if="!props.isSearching"
),SearchView 也是同样的问题。
两个孩子都是有状态的组件。
<template functional>
<main :id="id">
<search-view v-if="props.isSearching"/>
<over-view v-else />
</main>
</template>
<script lang="ts">
import { defineComponent } from '@vue/composition-api';
import SearchView from '@/components/SearchView.vue';
import OverView from '@/components/OverView.vue';
export default defineComponent({
components: {
SearchView,
OverView
},
props: {
isSearching: {
type: Boolean,
required: true
},
id: {
type: String,
required: true
}
},
setup(props, { emit }) {
return {
emit,
props
};
}
});
</script>