Vue.js 在console.log中未定义，但vue console显示的值正确

我是vue新手，无法对this.productVal.name进行控制台日志记录，只是没有定义，但vue控制台扩展显示我正确地记录了所有值。

这就是我将如何创建子组件的方法

<child-product v-if="product" :product-val="product"></child-product>

---

有人能告诉我为什么它不工作吗？

我不确定缺少信息的原因，但如果它是子组件，请转到父组件，并将

v-if=“productVal”

添加到子组件标记中。其原因可能是，当您创建此组件时，您的道具值尚未初始化，因此您无法读取

productVal

prop值的

name

，因此无法定义

范例

您的父组件中可能有类似的内容：

<template>
   <child-component :product-val="productVal">
</template>

因此，将此更改为：

<template>
   <child-component v-if="productVal" :product-val="productVal">
</template>

---

它应该能正常工作。

我不确定信息缺失的原因，但如果是子组件，请转到父组件，并将

v-if=“productVal”

添加到子组件标记中。其原因可能是，当您创建此组件时，您的道具值尚未初始化，因此您无法读取

productVal

prop值的

name

，因此无法定义

范例

您的父组件中可能有类似的内容：

<template>
   <child-component :product-val="productVal">
</template>

因此，将此更改为：

<template>
   <child-component v-if="productVal" :product-val="productVal">
</template>

---

它应该可以正常工作。

我没有注意到在转到子组件时，我正在使用一个对象来检查v-if，但这不起作用。所以我尝试了这种方法，它成功了<代码>产品.名称而不是

产品

<child-product v-if="product.name" :product-val="product"></child-product>

---

希望它将来在调试时能帮助其他人。

我没有注意到我在转到子组件时使用了一个对象来签入v-if，这不起作用。所以我尝试了这种方法，它成功了<代码>产品.名称而不是

产品

<child-product v-if="product.name" :product-val="product"></child-product>

---

希望在调试过程中对其他人有所帮助。

您可以查看此信息，谢谢，我自己找到的。在更新实际起作用之前，但如果来自父母的v-if没有起作用，我试着让你检查一下，谢谢，我自己发现的。在更新真正起作用之前，但如果来自父母的v-if不起作用，我试着这样做

它起作用了吗？如果没有，你能更新更多信息的帖子吗？e、 g.什么是未定义的？父组件看起来怎么样（包括传递道具）？我是这样做的

它工作了吗？如果没有，你能更新更多信息的帖子吗？e、 g.什么是未定义的？父组件的外观如何（包括传递道具）？