[TypeScript] [table, table-column] vue3+Ts ＜template #default=“scope“＞ scope.row 报错 对象的类型为 “unknown

您的问题似乎是想要在Vue 3和TypeScript中使用<template #default="scope">来处理表格数据。但是，您提供的代码片段不完整，并且可能存在语法错误。

下面是一个简单的例子，展示了如何在Vue 3和TypeScript中使用<template #default="scope">来迭代和显示表格数据：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column label="操作">
      <template #default="scope">
        <!-- 这里使用scope变量来访问当前行的数据 -->
        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
 
<script lang="ts">
import { defineComponent, reactive } from 'vue';
 
export default defineComponent({
  setup() {
    const tableData = reactive([
      {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      },
      // ...更多数据
    ]);
 
    const handleEdit = (index: number, row: any) => {
      console.log(`编辑第 ${index} 行: `, row);
    };
 
    const handleDelete = (index: number, row: any) => {
      console.log(`删除第 ${index} 行: `, row);
    };
 
    return {
      tableData,
      handleEdit,
      handleDelete
    };
  }
});
</script>

在这个例子中，我们定义了一个名为tableData的响应式数据，它被用作el-table的:data属性。在el-table-column组件中，我们使用了#default="scope"来访问表格的每一行数据。scope对象包含了$index（当前行的索引）和row（当前行的数据）。我们添加了两个按钮，分别用于编辑和删除操作，并在点击时调用相应的方法。