vue+element table实现对表格新增复制数据等

最新推荐文章于 2023-08-25 16:41:45 发布

小刘同学11

最新推荐文章于 2023-08-25 16:41:45 发布

阅读量478

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_57508627/article/details/122001733

版权

本文介绍如何利用Vue.js和Element UI组件库在前端实现表格中数据的新增和复制功能，主要涉及HTML和JavaScript的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎使用Markdown编辑器

你好！这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

html

 <template>
  <div>
    <el-button-group>
      <el-button type="primary" icon="el-icon-arrow-left" @click="backEvent">创建采购单</el-button>
    </el-button-group>
    <div class="sub"><el-button type="primary">提交</el-button></div>
    <div style="margin: 20px auto">
      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
        <el-row :gutter="24">
          <el-col :span="8"
            ><div class="grid-content bg-purple">
              <el-form-item label="采购单号" prop="Ncode">
                <el-input v-model="ruleForm.Ncode"></el-input>
              </el-form-item></div
          ></el-col>
          <el-col :span="8"
            ><div class="grid-content bg-purple">
              <el-form-item label="经办让" prop="regionName">
                <el-input v-model="ruleForm.regionName"></el-input>
              </el-form-item></div
          ></el-col>
          <el-col :span="8"
            ><div class="grid-content bg-purple">
              <el-form-item label="申请人" prop="region">
                <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
                  <el-option label="六一" value="shanghai"></el-option>
                  <el-option label="开心" value="beijing"></el-option>
                </el-select>
              </el-form-item></div
          ></el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="8"
            ><div class="grid-content bg-purple">
              <el-form-item label="申请部门" prop="region">
                <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
                  <el-option label="六一" value="shanghai"></el-option>
                  <el-option label="开心" value="beijing"></el-option>
                </el-select>
              </el-form-item></div
          ></el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <el-form-item label="申请部门" prop="value1">

最低0.47元/天解锁文章