我将一个简单的 ID 传递给子组件,但出现未定义的控制台日志错误,并且无法使用该属性
我把这里的 Prop 传给 child
<transactions v-show="active_tab == 2" :userId="affiliate.user_id"></transactions>
然后在这里的 child 身上拾取它
props: ["userId"]
然后我尝试像这样控制台记录 Prop
console.log(this.userId);
正如您从图像中看到的,该 Prop 显示在 Devtools 中
错误如下
[Vue warn]:无效的 Prop : Prop “userId”的类型检查失败。预期的字符串值为“未定义”,结果为未定义
最佳答案
尝试像这样使用模板调用:
<transactions v-if="active_tab == 2" :user-id="affiliate.user_id"></transactions>
vue编译可以将模板上的camelcase props更改为带连字符的小写。
您可以查看 vue 文档:https://v2.vuejs.org/v2/guide/components-props.html#Prop-Casing-camelCase-vs-kebab-case
关于vue.js - Prop 在开发工具中显示,但在使用时显示未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56111217/