VUE+elementUI实现弹窗（dialog）编辑某条数据

最近要使用VUE+elementUI的框架，我开始学习了vue的知识，在写demo实现弹窗编辑表格数据的时候遇到了一个问题：弹窗中的数据不知道怎么传到对应的表格中去，网上搜了一大堆，都是粘贴复制的，只实现了打开弹窗，弹窗获取表格中数据，而没有实现怎么把弹窗中的值写入到表格中。
经过摸索，最后我终于实现了，完整代码如下：

<template>
  <div id="app" style="width: 100%">
      <el-input size="small" style="width:100px" v-model="name"  placeholder="请输入姓名"></el-input>
    <el-date-picker
      v-model="date"
      type="date"
      placeholder="选择日期"
      value-format="yyyy-MM-dd"
    >
    </el-date-picker>
    <el-input size="small" style="width:100px" v-model="address"  placeholder="请输入地址"></el-input>
      <el-button size="small" type="primary" @click="handleCurrentChange">新增</el-button>
       <el-button size="small" type="primary" @click="delRow">删除</el-button>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
      <el-table-column
        fixed