element表格动态新增(可编辑)

最新推荐文章于 2024-08-08 09:40:00 发布

逍遥生^

最新推荐文章于 2024-08-08 09:40:00 发布

阅读量618

点赞数 2

分类专栏： web前端文章标签： vue

本文链接：https://blog.csdn.net/error534/article/details/118991559

版权

本文介绍如何在Vue项目中使用Element UI库实现表格的动态新增和编辑功能，包括添加行、保存编辑以及撤销操作的实现步骤和关键代码。

摘要由CSDN通过智能技术生成

<template>
  <div class="step-one">
    <el-form
    >
      <el-row >
        <el-col :span="24">
          <el-button type="primary" id="addBtn" @click="addData"
            >新增</el-button
          >
        </el-col>
      </el-row>
      <el-table
        v-if="subDisabled"
        :data="recordData.record"
        style="width: 100%"
      >
        <el-table-column prop="pxmc" label="名称">
        </el-table-column>
        <el-table-column prop="pxfs" label="方式">
        </el-table-column>
        <el-table-column prop="pxdd" label="地点">
        </el-table-column>
        <el-table-column prop="kscj" label="成绩"> </el-table-column>
        <el-table-column prop="sffz" label="是否"> </el-table-column>
        <el-table-column prop="zfzyxq" label="有效期"> </el-table-column>
        <el-table-column v