javascript - 带 v-for 的组件不渲染

Question

我正在尝试使用 v-for 包含一个组件。数据源 infoTexts 是一个对象，其中包含区域设置代码作为键，消息作为值。示例:

{
    nl: 'Text in Dutch',
    fr: 'Text in French',
    en: 'Text in English'
}

下面是我用来包含组件的代码:

<text-editor v-for="(value, index) in infoTexts" :key="index" :database-message-contents="value" :message-locale-code="index"></text-editor>

database-message-contents 和 message-locale-code 都是 text-editor 组件上的 props。

我的控制台中没有收到任何错误消息，但文本编辑器未显示。

Answer 1

该问题涉及对 Vue 生命周期的误解。我在 mounted 方法中创建 infoTexts 。将其重新定位到 created 方法解决了该问题。