element点击表格的编辑获取当前行数据填充到编辑表单中

      < !--1.做一个表格 -->
        <el-table :data="users" highlight-current-row style="width: 100%;">
        <el-table-column type="selection" width="55" />
        <el-table-column type="index" width="60" />
        <el-table-column prop="name" label="商品名称" width="120" sortable />
        <el-table-column prop="price" label="价格" width="100" sortable />
        <el-table-column prop="reserve" label="商品库存" min-width="120" sortable />
        <el-table-column prop="desc" label="商品描述" min-width="180" sortable />
        <el-table-column label="操作" width="150">
          <template scope="scope">
            <el-button size="small" @click="handleEdit">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>


   2.做一个编辑的表单弹出框{
      1.{
        编辑界面
        <el-dialog v-model="editFormVisible" title="编辑" :close-on-click-modal="false">
            <el-form ref="editForm" :model="editForm" label-width="80px">
              <el-form-item label="商品名称" prop="name">
                <el-input v-model="editForm.name" auto-complete="off" />
              </el-form-item>
              <el-form-item label="商品价格">
                <el-input-number v-model="editForm.price" />
              </el-form-item>
              <el-form-item label="商品库存">
                <el-input-number v-model="editForm.reserve" />
              </el-form-item>
              <el-form-item label="商品描述">
                <el-input v-model="editForm.desc" type="textarea" />
              </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
              <el-button @click.native="editFormVisible = false">取消</el-button>
              <el-button type="primary" @click.native="editSubmit">提交</el-button>
            </div>
          </el-dialog>
      }
    }
    3.script：{
        <script>
      export default {
        data() {
          return {
            editForm: {
              id: 0,
              name: '',
              price: 0,
              desc: '',
              reserve: ''
            },
            editFormVisible: false,
            users: [
              {
                name: '王小虎',
                price: '15050505050',
                desc: '493654124@qq.com',
                reserve: '上海市普陀区金沙江路 1518 弄'
              }, {
                name: '王小虎',
                price: '371302154897566****',
                desc: '493654124@qq.com',
                reserve: '上海市普陀区金沙江路 1517 弄'
              }
            ]
          }
        },
        methods: {
          // 显示编辑界面
          handleEdit(index, row) {
            this.editFormVisible = true
            this.editForm = Object.assign({}, row)
          }
        }
      }
      </script>
    }
 -->

 如果方法里面object 报错，大写O，应为Object。

使用以下：

  handleEdit: function (index, row) {
  this.editFormVisible = true;
  this.editForm = Object.assign({}, row);
  }