el-table动态新增行及校验规则

啵啵怪_

于 2022-11-08 15:07:40 发布

阅读量4.3k

点赞数 7

分类专栏： alpha 文章标签： vue.js 前端 elementui

本文链接：https://blog.csdn.net/weixin_45609659/article/details/127750902

版权

代码

<template>
  <el-form ref="formName" :model="studentData">
    <el-table :data="studentData.studentList" stripe>
      <el-table-column label="姓名" align="left">
        <template slot-scope="scope">
          <el-form-item
            size="small"
            :prop="'studentList.' + scope.$index + '.name'"
            :rules="rules.name"
          >
            <el-input v-model="scope.row.name" placeholder="请输入姓名" />
          </el-form-item>
        </template>
      </el-table-column>

      <el-table-column label="性别">
        <template slot-scope="scope">
          <el-form-item
            size="small"
            :prop="'studentList.' + scope.$index + '.sex'"
            :rules="rules.sex"
          >
            <el-select v-m