模板里 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: () => [],
  },

});
相关推荐
|晴 天|3 小时前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫3284 小时前
v-cloak
前端·javascript·vue.js
旷世奇才李先生4 小时前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
空中海5 小时前
第五章:Pinia 状态管理
vue
SoaringHeart6 小时前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
IT_陈寒8 小时前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
herinspace8 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
小码哥_常8 小时前
从MVC到MVI:一文吃透架构模式进化史
前端
嗷o嗷o8 小时前
Android BLE 的 notify 和 indicate 到底有什么区别
前端
豹哥学前端8 小时前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试