基于 Vue 3 Typescript 的项目中的类型问题答案

【问题标题】：Types issue in Vue 3 Typescript based Project基于 Vue 3 Typescript 的项目中的类型问题
【发布时间】：2021-12-22 05:49:09
【问题描述】：

我在 Vue 组件中使用了一个 v-for 循环，其中应该迭代一个 Prop options，即 type of Object。

道具在单独的文件中声明。

请看下面的附件：

Vue 组件：

Props 在 props.ts 中声明：

注意：options 返回一个字符串对象，我将其用于复选框或单选按钮项目。

如何解决这种类型的问题？

【问题讨论】：

您是否尝试将您的道具定义为Record<string, any> 而不是Object
我注意到您正在使用 Vetur。 Volar 是 Vue 中 TypeScript 支持的推荐扩展。尝试切换。
我正在使用 VsCodium，它没有 Volar 兼容性。
@Thomas 是的，我做到了，但它采用作为值而不是类型，并显示与错误相同。

标签： javascript typescript vue.js vuejs3 vue-props

【解决方案1】：

我通过使用返回对象的默认值和删除未定义类型解决了这个问题。

options: {
   type: Object,
   required: true,
   describe: "Provide a collection of components to render in the group",
   default: function (): unknown {
     return {}
   },
},

注意：我不确定这是否是该类型问题的正确解决方案。

【讨论】：