- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是一名新生,当我使用自定义组件时,它给了我这个错误:
Vue warn: Unknown custom element: - did you register the component correctly?
ModalBase
组件中使用的组件 NoticeModal.vue
和 NoticeModal
productInfo.vue
中使用的组件.
我确定我已正确导入 NoticeModal
在 productInfo.vue
并导入 ModalBase.vue
在 NoticeModal.vue
, 并且全部注册。
但我得到唯一的警告:Unknown custom element: <modal-base>
这里是 ModalBase.vue
:
<template>
<div>
<div class="modal-header">
<slot name="header">
<p class="title">This is base</p>
</slot>
</div>
</div>
</template>
<script>
export default {
name: "ModalBase",
data() {
return {show: ''}
}
}
</script>
这里是 NoticeModal.vue
:
<template>
<div class="noticeModal">
<modal-base>
<div slot="header">hello</div>
</modal-base>
</div>
</template>
<script>
import {ModalBase} from '@/components/index';
export default {
name: "NoticeModal",
props: ['modalOptions'],
components: {
ModalBase
},
data() {
return {show: ''}
}
}
</script>
这里是 productInfo.vue
:
<template>
<div>
<notice-modal></notice-modal>
</div>
</template>
<script>
import {NoticeModal} from '@/components/index';
export default {
name: "productInfo",
components: {
'NoticeModal': NoticeModal
},
data() { }
}
</script>
顺便说一下这个路径'@/components/index'
是的,两者都是NoticeModal
和 ModalBase
已在此文件中正确导入、注册和导出。
并且在 @/components/index
:
import NoticeModal from '@/components/componentsFile/NoticeModal.vue'
import ModalBase from '@/components/componentsFile/ModalBase.vue'
export {
NoticeModal,
ModalBase
}
最佳答案
components: {
'NoticeModal': NoticeModal
},
这些行意味着您已经注册了一个名为“NoticeModel”的组件。因此,在您的模板代码中,您应该将此组件与“NoticeModel”一起用作 html 标记。
<template>
<div>
<NoticeModel></NoticeModel>
</div>
</template>
您也可以使用以下代码注册一个 HTML 样式标签并将其与 notice-modal 一起使用
components: {
'notice-modal': NoticeModal
}
关于javascript - Vue 警告 : Unknown custom element: <myCompont> - did you register the component correctly?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50408041/
我是一名新生,当我使用自定义组件时,它给了我这个错误: Vue warn: Unknown custom element: - did you register the component corre
我是一名优秀的程序员,十分优秀!