用vue+iview框架写一个可以填写的表格

好的，下面是一个简单的示例：

<template>
  <div>
    <Table :columns="columns" :data="tableData"></Table>
  </div>
</template>

<script>
import { Table } from 'view-design';

export default {
  components: {
    Table,
  },
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name',
          width: 150,
          render: (h, params) => {
            return h('Input', {
              props: {
                value: params.row.name,
              },
              on: {
                input: (event) => {
                  params.row.name = event.target.value;
                },
              },
            });
          },
        },
        {
          title: '年龄',
          key: 'age',
          width: 150,
          render: (h, params) => {
            return h('Input', {
              props: {
                type: 'number',
                value: params.row.age,
              },
              on: {
                input: (event) => {
                  params.row.age = parseInt(event.target.value, 10);
                },
              },
            });
          },
        },
      ],
      tableData: [
        {
          name: '',
          age: '',
        },
      ],
    };
  },
};
</script>

在这个示例中，我们使用了 `view-design` 的 `Table` 组件，并定义了表格的列和数据。对于每个单元格，我们使用了 `Input` 组件来让用户可以填写数据。在 `render` 函数中，我们使用 `h` 函数来创建 `Input` 组件，并绑定了 `value` 和 `input` 事件。在 `input` 事件中，我们更新了对应的数据。最后，我们将数据绑定到了表格中，让用户可以填写并查看表格数据。