使用vue+element制作一个带行编辑的表格

好的，下面是一个简单的示例代码，你可以根据自己的需求进行修改：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column label="姓名" prop="name">
        <template slot-scope="{ row }">
          <el-input v-model="row.name"></el-input>
        </template>
      </el-table-column>
      <el-table-column label="年龄" prop="age">
        <template slot-scope="{ row }">
          <el-input v-model.number="row.age"></el-input>
        </template>
      </el-table-column>
      <el-table-column label="地址" prop="address">
        <template slot-scope="{ row }">
          <el-input v-model="row.address"></el-input>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          address: '北京市朝阳区'
        },
        {
          name: '李四',
          age: 20,
          address: '上海市浦东新区'
        }
      ]
    };
  }
};
</script>

在上面的代码中，我们使用了 Element UI 的 `el-table` 和 `el-input` 组件，通过 `v-model` 指令实现了行编辑的功能。

注意，为了让年龄字段实现数字类型的双向绑定，我们使用了 `.number` 修饰符。另外，为了让表格自适应宽度，我们设置了 `style="width: 100%"`。