写一个elementui 数据列表,可以在列表中修改数据内容

好的，下面是一个基于 ElementUI 的数据列表示例，可以实现修改数据内容的功能：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="primary" size="mini" @click="showEditDialog(scope.row)">编辑</el-button>
        </template>
      </el-table-column>
    </el-table>

    <el-dialog :visible.sync="editDialogVisible" title="编辑数据">
      <el-form :model="editForm" label-width="80px">
        <el-form-item label="姓名">
          <el-input v-model="editForm.name"></el-input>
        </el-form-item>
        <el-form-item label="年龄">
          <el-input v-model="editForm.age"></el-input>
        </el-form-item>
        <el-form-item label="地址">
          <el-input v-model="editForm.address"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="editDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="saveData">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 20,
          address: '北京市'
        },
        {
          name: '李四',
          age: 25,
          address: '上海市'
        },
        {
          name: '王五',
          age: 30,
          address: '广州市'
        }
      ],
      editDialogVisible: false,
      editForm: {}
    }
  },
  methods: {
    showEditDialog(row) {
      this.editForm = Object.assign({}, row)
      this.editDialogVisible = true
    },
    saveData() {
      // 保存修改后的数据到后端
      // 省略...
      this.editDialogVisible = false
    }
  }
}
</script>

在这个示例中，我们使用了 ElementUI 的 `<el-table>` 组件来展示数据列表，其中每一行数据都包含了一个“编辑”按钮，点击该按钮可以弹出一个编辑对话框。

编辑对话框使用了 `<el-dialog>` 组件，并使用了双向绑定来绑定编辑表单的数据。当用户点击“确定”按钮后，我们可以将修改后的数据保存到后端。