模板里 item.xxx 报错 ,报 item的类型为未知

这个报错是 Vue3 + TypeScript 环境下的典型问题:item 没有定义类型,TS 无法推断它的类型,所以报 item 类型为未知(unknown),所有用到 item.xxx 的地方都会飘红。

解决方法

先给数据定义接口

javascript 复制代码
// 表格每一行的数据类型
interface TableItem {
  [key: string]: any; // 允许任意属性,兼容你的现有代码
}

给数组声明类型

javascript 复制代码
// 表格数据
const tableData = ref<TableItem[]>([]);

javascript 复制代码
const props = defineProps({
  // 表格数据
  tableData: {
    type: Array as () => TableItem[], // 这里指定类型
    default: () => [],
  },

});
相关推荐
白嫖叫上我28 分钟前
Vue3封装主题色完善版
前端
a11177629 分钟前
细胞结构实验室(react 开源)
前端·javascript·开源·html
aaaak_30 分钟前
PDD 直播间 评论 , wss hex Protobuf 解析流程分析学习
java·前端·学习
ikoala36 分钟前
用了几周明基 RD280UG,我终于明白程序员为什么需要一台“专用显示器”
前端·后端·程序员
文心快码BaiduComate1 小时前
Comate搭载DeepSeek-V4
前端·后端
豹哥学前端1 小时前
5分钟搞懂事件委托
前端·javascript·面试
Awu12271 小时前
🍎把数学公式搬进 Web 表格:一个 VTable 实战案例
前端
江无行者1 小时前
aly oss技能应用
前端
朝阳391 小时前
单向数据流
前端
小小小小宇1 小时前
H5 嵌入微信 / 支付宝 / 抖音小程序 WebView:调用原生能力完整方案
前端