Vue Prop Decorator - 无效的道具类型检查

Question

我正在使用 vue-prop-decorator 和 Quasar 框架。我有一个组件，其中我收到一个道具，定义如下：

<FabricanteComponente   
                :fabricante="fabricante"
/>

在组件本身中，prop 是用装饰器描述的：

 @Prop({
        default: () => new Fabricante()
    })
    fabricante: Fabricante;

根据 package.json 库的最新更新，我开始收到以下错误：

[Vue warn]: Invalid prop: type check failed for prop "fabricante". Expected , got Object

关于package.json列出的相关依赖我有

    "quasar": "^1.12.11",
    "vue-class-component": "^7.2.3",
    "vue-property-decorator": "^9.0.0"
    "@types/node": "^14.0.22",
    "@typescript-eslint/eslint-plugin": "^3.6.0",
    "@typescript-eslint/parser": "^3.6.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.8.0",
    "eslint-config-prettier": "^6.11.0",
    "eslint-loader": "^4.0.2",
    "eslint-plugin-cypress": "^2.11.1",
    "eslint-plugin-vue": "^6.2.2",
    "ts-loader": "^8.0.0",
    "typescript": "^3.9.6",
    "vuex-module-decorators": "^0.17.0"

但我想不出错误在哪里。关于如何解决的任何想法？

Answer 1

今天发现问题了。 Vue 本身并没有太多解释警告消息中发生的事情。

尽管如此，正如您在 Prop 定义中看到的那样，它需要一个 Fabricante 实例，而我只是从请求中发送了一个原始对象。创建一个 class 喜欢

.then((response)=> new Fabricante(response));

解决了。

Vue Prop Decorator - 无效的道具类型检查

Vue Prop Decorator - Invalid prop type check

vue.js

quasar

vue-property-decorator