vue3+ts使用v-for出现unknown问题

Heartbroken_man

已于 2022-02-24 11:26:06 修改

阅读量8k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： typeScript 文章标签： vue.js javascript

于 2022-02-23 18:23:31 首次发布

本文链接：https://blog.youkuaiyun.com/Heartbroken_man/article/details/123096263

在Vue3+TypeScript项目中遇到v-for循环时，tableItem被识别为unknown类型。问题根源在于tsconfig.json配置，由于target设置为""es5""，导致TypeScript内置的JS API版本过低。解决方案是将target改为""ES2015""，或者添加""lib"": [""es2017"

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <el-table :data="tableData" style="width: 1200px">
    <el-table-column
      v-for="tableItem in tableHeader"
      :fixed="tableItem.fixed"
      :prop="tableItem.prop"
      :label="tableItem.label"
      :width="tableItem.width"
      :key="tableItem.prop"
    />
    <el-table-column fixed="right" label="Operations" width="180">
      <template #default="add">
        <el-button type="text" size="small">添加</el-button>
        <el-button type="text" size="small">编辑</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup lang="

最低0.47元/天解锁文章