若依 ruoyi 分离版 vue 简单的行内编辑实现

需要实现的效果：双击文本  -  修改文本  -  保存修改。

 原码：仅文本显示文字内容

<el-table-column label="商品" align="center" prop="goodsName" width="200" v-if="columns[1].visible" />

 实现双击文本、修改文本：

在上面源码基础上进行编辑，新增如下

修改后代码：

      <el-table-column label="商品" align="center" prop="goodsName" width="200" v-if="columns[1].visible">
        <template slot-scope="scope">
          <span v-if="!scope.row.isEditing" @dblclick="startEditing(scope.$index,