用这个方法表格里没数据

非常抱歉，我之前的回答可能不符合你的需求。在 Vue.js 中，使用 v-for 迭代对象的属性时，由于对象属性的无序性，无法保证属性的顺序。因此，如果你需要确保表格中的属性按照特定的顺序展示，你可以对数据进行处理，将其转换为数组格式并按照指定的顺序进行渲染。

你可以创建一个 computed 属性，将对象转换为数组，并在数组上进行迭代和渲染。这样可以确保属性按照指定的顺序展示在表格中。

下面是一个示例代码：

<template>
  <table id="tb">
    <tr v-for="item in orderedList" :key="item.id">
      <td class="th_info" v-for="(value, key, index) in item" :key="key">
        {{ value }}
      </td>
      <td class="th_info">
        <slot name="btn" :id="item.id"></slot>
      </td>
    </tr>
  </table>
</template>

<script>
export default {
  data() {
    return {
      list: {
        attribute1: "Value 1",
        attribute2: "Value 2",
        // 其他属性...
      },
      order: ["attribute1", "attribute2"], // 指定属性的顺序
    };
  },
  computed: {
    orderedList() {
      return this.order.map((key) => {
        return { key, value: this.list[key] };
      });
    },
  },
};
</script>

在这个示例中，我添加了一个名为 `order` 的数组来指定属性的顺序。在 `orderedList` 计算属性中，我根据 `order` 数组的顺序创建了一个新的数组，并在模板中使用 `orderedList` 数组进行迭代和渲染。

通过这种方式，你可以确保表格中的属性按照指定的顺序展示。

希望这次的解决方案能满足你的需求！如果你还有其他问题，请随时提问。