使用element的表格实现点击编辑表格内元素。

功能：使用element的表格实现点击编辑表格内元素。

分析：element使用的是插槽template的形式比iview UI更加具有html话，不是是使用renden函数自定义html,感觉更清明些。

实现思路：v-if v-else 直接替换template。

实现坑点：1，scope添加row.isEdit判断，结果不能实现，不能触发vue的重新渲染。

解决：必须在data里改值会生效。

2，由于在el-table-column下绑定的事件，所以我们只要判断是否在这一行。

最终实现：

 

<div class="bookStore">
          <el-table :data="tableData" class="bookStore">
              <el-table-column label="开始日期" width="180">

              </el-table-column>
              <el-table-column label="书名">
                  <template slot-scope="scope">
                    <span>{
  {scope.row.name}}</span>
                  </template>
              </el-table-column>
              <el-table-column label="地名">