Vuejs2 为什么未安装子组件?
为什么未安装子组件 基本模板:Vuejs2 为什么未安装子组件?,vuejs2,vue-component,Vuejs2,Vue Component,为什么未安装子组件 基本模板: <TableComponent :data="data"> <template slot="thead"> <tr> <TableHeader></TableHeader> </tr> </template> </TableComponent> 它是TableHeader组件: <t
<TableComponent :data="data">
<template slot="thead">
<tr>
<TableHeader></TableHeader>
</tr>
</template>
</TableComponent>
它是TableHeader
组件:
<template>
<th>
{{ name }}
</th>
</template>
<script>
export default {
name: 'TableHeader',
props: {
name: {
type: String
}
},
mounted() {
console.info("MOUNTED")
}
}
</script>
{{name}}
导出默认值{
名称:“TableHeader”,
道具:{
姓名:{
类型:字符串
}
},
安装的(){
控制台信息(“已安装”)
}
}
TableHeader上的控制台信息不工作。
您有什么想法吗?您必须显示您的父组件,因为子组件的装载取决于此。@BennettDams,您的意思是什么?一旦您的表格列
装载到页面上,“装载”功能将立即执行。但是由于您的TableColumn
是TableComponent
的子组件,因此它的装载取决于TableComponent
。因此,您需要发布您的TableComponent
代码或您使用它的位置。@BennettDams我更新了代码。您是否在“基本”组件中导入并注册TableHeader
组件?(或者,同等地,您是否在全球注册?
<template>
<th>
{{ name }}
</th>
</template>
<script>
export default {
name: 'TableHeader',
props: {
name: {
type: String
}
},
mounted() {
console.info("MOUNTED")
}
}
</script>