如何在表格里修改数据

原创已于 2023-01-30 16:42:59 修改 · 939 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2023-01-30 16:41:35 首次发布

如何在表格里直接修改数据

有些时候整个table表只有一处需要修改数据，那么直接在表格里修改比点击修改弹出一个dialog再做修改效率更高体验也更好。

实现方法：在需要改的地方利用插槽添加Form即可

代码实例

 <el-table-column prop="countQuantity" label="实际数量">
      <template slot-scope="scope">
          <el-input v-model="scope.row.countQuantity" />
      </template>
 </el-table-column>

此时当你在input框输入文本时scope.row.countQuantity已经改变，获取scope.row进行提交操作即可