typescript - VueJs - 无效的道具：道具“页面”的类型检查失败。预期 DocumentPageDto，得到对象

Question

我有一个PageViewer带有这样定义的道具的组件

props: {
    page: DocumentPageDto,
  },

我像这样在另一个 Vue 中使用它

<div><PageViewer :page="selectedPage"></PageViewer></div>

selectedPage设置为来自 API 调用的响应，这会导致控制台中出现此警告

无效的道具：道具“页面”的类型检查失败。预期 DocumentPageDto，得到对象

据我所知，来自 API 的响应只是一个普通的旧Object我想知道 Vue 是否有办法处理这个问题，我想保留 prop 类型声明作为DocumentPageDto智能感知。

Vue 有办法解决这个问题，我可以忽略类型检查吗？

谢谢

标签： typescriptvue.jsvuejs2

Answer 1

而不是像这样声明道具

props: {
   page: DocumentPageDto,
}

使用属性并应用vue-property-decorator@Prop库中的装饰器就可以了。

@Prop()
diagram: DiagramDto = null;