Vue.js 未显示通过prop的数据

我设法使自己有点困惑。我有一个应用程序，我可以显示所有的用户配置文件，这个组件被称为所有配置文件。此页面的一个示例是

<tr v-for="profile in profiles.data" :key="profile.id">
    <td>{{ profile.id }}</td>
    <td>{{ profile.user.name }}</td>
    <td>{{ profile.created_at }}</td>
    <td>
        <router-link :to="{ name: user-profile, params: {
             id: profile.id }}" tag="a" exact> View Profile
        </router-link>
    </td>
</tr>

因此，我首先打一个axios电话来获取有关该配置文件的信息。每个概要文件都有一个文件路径，其中包含一些JSON格式的已处理数据。我使用d3加载它并显示数据。这也很好，这里没有问题。问题就在这个页面上，但是在模板标签中，我加载了另一个组件，它需要文件路径来显示一些数据 以图表的形式在文件中。所以我有

<barchart :file-name = this.fileName></barchart>

然后在创建的函数中，我有

created() {
    console.log(this.fileName);
}

因此，它应该输出我通过道具传递的文件名，但它当前不输出任何内容。我曾经让它工作，但我使用的是路线参数，我想把东西换成道具

我有一种感觉，可能是在文件名正确设置之前加载了条形图组件

我不确定，是否有任何明显的原因可能导致没有任何输出

---

谢谢

它是否像：在模板中使用“：filename=this.filename”一样简单？“this”似乎不合适？

它是否像：在模板中使用“：filename=this.filename”一样简单？“这个”似乎不合适？

很好。应该是

，这实际上是不相关的，尽管它应该是这样的。问题是装载。如果我在数据中以硬编码路径传递文件名，它就会工作。如果我使用v-if，在加载所有内容之前不显示组件，它也可以工作。捕捉得好。应该是

，这实际上是不相关的，尽管它应该是这样的。问题是装载。如果我在数据中以硬编码路径传递文件名，它就会工作。如果我使用v-if，则在加载所有内容之前不显示组件也可以。在创建时axios调用将不会完成，因此道具的初始值将为未定义或空。以后会更新的。是的，似乎是这样。Thanks@katiehudson你有没有想过我也有类似的问题！在创建时axios调用将不会完成，因此道具的初始值将为未定义或null。以后会更新的。是的，似乎是这样。Thanks@katiehudson你有没有想过我也有类似的问题！

props: {
    fileName: {
        type: String,
        required: true
    }
}

created() {
    console.log(this.fileName);
}