我想用vue3和element-plus画一个10*10的空白表格框

好的，以下是使用 Vue3 和 Element Plus 画一个 10*10 的空白表格框的示例代码：

<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%"
    ref="table"
    :cell-class-name="cellStyle"
  >
    <el-table-column
      v-for="item in columns"
      :key="item.prop"
      :prop="item.prop"
      :label="item.label"
      :min-width="item.minWidth"
    >
      <template slot-scope="{ row }">
        <el-input
          :value="row[item.prop]"
          v-model="row[item.prop]"
          clearable
        ></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: "BlankTable",
  data() {
    return {
      columns: Array.from({ length: 10 }).map((_, index) => ({
        prop: `col_${index}`,
        label: `列 ${index}`,
        minWidth: 100
      })),
      tableData: Array.from({ length: 10 }).map(() => ({}))
    };
  },
  methods: {
    cellStyle(row, column) {
      return "cell-style";
    }
  }
};
</script>

<style>
.cell-style {
  border: 1px solid #ccc;
}
</style>

你可以根据需要进行更改和优化。如果你有任何问题，请随时问我。