首页 > 解决方案 > Vue 组件中的无效道具类型 - 不是我设置的类型

问题描述

所以我沿着这些线动态地传递组件和属性(这个想法是“堆叠”我将推进的各种组件)

无论如何,我已经在我的“堆叠”组件之一上声明了一些属性,它们的类型为:

  props: {
    pk: String,
    successUrl: String,
    cancelUrl: String,
    shippingAddressCollection: Boolean,
  },

但是,当它被创建时,组件抱怨 myshippingAddressCollection没有预期的类型,即:

无效的道具:道具“shippingAddressCollection”的类型检查失败。预期对象,得到值为 false 的布尔值。

它期待一个对象而不是一个boolean。怎么会这样?

标签: javascriptvue.js

解决方案


道具验证错误是由@vue-stripe 引发的,而不是组件,就像我假设的那样。

shippingAddressCollection应该是一个对象(请参阅“入门”下的“道具”部分)。

但就像错误所说的那样,它被赋予了一个Boolean价值。shippingAddressCollection应该是一个配置对象。这不是一个简单的Boolean标志,指示是否请求送货地址。


推荐阅读