I've got a vue component which declares a required property like this:
navbar.ts
@Component({
template: require('./navbar.template.pug')
})
export class NavbarComponent extends Vue {
@Prop({
required: true
})
public Records: string[] = [];
}
The property should be provided by the AppComponent
, which looks like this:
@Component({
template: require('./app.template.pug'),
components: {
'app-navbar': NavbarComponent,
}
})
export class AppComponent extends Vue {
get Records(): RouteRecord[] {
return this.$route.matched;
}
}
When I fire up the application, I can see that the property has been correctly registered in the virtual DOM in the list of computed properties:
<Root>
<Anonymous Component> == $vm0
data:
$route: Object
computed:
Records: Array[1]
Though vue still yells [Vue warn]: Missing required prop: "Records"
. Am I missing something here?
via null null
No comments:
Post a Comment