vue 固定表头 动态渲染 el-table 生成多少行

<template>
  <div>
    <el-input v-model.number="rowCount" type="number" @change="handleRowCountChange"></el-input>
    <el-table :data="tableData">
    </el-table>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      rowCount: 10, 
      tableData: []
    };
  },
  created() {
    this.fetchTableData(this.rowCount);
  },
  methods: {
    fetchTableData(count) {
      const data = Array.from({ length: count });
      this.tableData = data;
    },
    handleRowCountChange() {
      this.fetchTableData(this.rowCount);
    }
  }
};
</script>