1

我在父母那里有这个:

{{ fencing }}
<FencingTable
   v-if="fencing.length > 0"
   :fencing="fencing"
   :facility="facility"
/>
get fencing() {
   return this.$store.state.fencing;
}

我在孩子身上有这个:

<template>
   <div>
   {{fencing}}
...
export default class FencingTable extends Vue {
   apiLocation = Vue.prototype.$apiLocation;
   @Prop() fencing: Fencing[] | null = null;
   @Prop() facility: Facility | null = null;
      ...
}

当我更新我的商店并将第一项添加到数组中时,我看到父项呈现该项,但子项显示一个空数组。如果我重新加载页面一切正常,随后添加到数组中的所有内容都会正确显示。

当第一个项目添加到数组时,如何让我的孩子正确更新?

4

1 回答 1

1

vue-property-decorator 指南

不支持定义每个默认属性,例如 @Prop() prop = 'default value'

换句话说,不要使用这种方式指定默认值,=而是像:

@Prop({ default: null }) fencing: Fencing[] | null;
@Prop({ default: null }) facility: Facility | null;
于 2020-12-21T03:45:06.977 回答