vue3 table绑定 数据不包含字段名

在 Vue 3 中，你可以使用 `v-for` 指令循环渲染数据表格，并使用动态字段名来绑定数据。下面是一个示例：

1. 首先，确保你有一个包含数据的数组，每个对象都没有字段名。

data() {
  return {
    tableData: [
      { value1: 'A', value2: 'B', value3: 'C' },
      { value1: 'D', value2: 'E', value3: 'F' },
      // ...
    ]
  };
}

2. 在模板中使用 `v-for` 指令循环渲染表格行，并使用动态字段名绑定数据。

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="item in tableData" :key="item">
      <td>{{ item['value1'] }}</td>
      <td>{{ item['value2'] }}</td>
      <td>{{ item['value3'] }}</td>
    </tr>
  </tbody>
</table>

在这个示例中，我们使用 `v-for` 指令来遍历 `tableData` 数组中的每个对象，并使用动态字段名来绑定数据。通过 `item['value1']`，`item['value2']` 和 `item['value3']` 来获取每个对象的值。

这样，当你渲染这个表格时，数据将会正确地显示在对应的列中。