table中加表单元素每行怎么验证_vue element table中自定义一些input的验证操作

官网原话

Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。

表单

el-form表单必备以下三个属性：

:model="ruleForm" 绑定的数据内容:rules="rules" 动态绑定的rules，表单验证规则ref="ruleForm" 绑定的对象

template模块

其实问题关键就在于如何给el-form-item动态绑定prop

:prop="'tableData.' + scope.$index + '.字段名'"

添加行数

baocun

:data="formData.tableData"

style="width: 100%">

v-model="scope.row.bookbuytime"

type="date"

placeholder="购买日期">

size="mini"

type="danger"

v-if="!scope.row.editing"

icon="el-icon-delete"

@click="handleDelete(scope.$index, scope.row)">删除

vuejs 代码

export default {

name:'TestWorld',

data() {

return {

formData:{

rules:{

name:{

type:"string",

required:true,

message:"必填字段",

trigger:"blur"

},

volume1:{

type:"number",

required:true,

message:"册数必须为数字值",

trigger:"change"

},

data1:{

type:"date",

required:true,

message:"请选择日期",

trigger:"change"