这个报错是 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: () => [],
},
});