通过el-form中的rule完成el-table中的el-input的校验

<el-table :data=”table”>

<el-table-column label=”名称”>

<template slot-scope=”scope”>

<el-form ref=”table[scope.$index]” :model=table[scope.$index]” :rules=”rule”>

<el-form-item prop="name“ style=”margin-bottom:20px”>

<el-input type=”text” v-model=table[scope.$index].name”/>

</el-form-item>

</el-form>

</template>

</el-table-column>

</ei-table>

export default{

data(){

const checkNameReg = (rule, value, callback) =>

{ //用户名限制

const reg = /^[_a-zA-Z0-9]+$/;

if (!reg.test(value)) {

callback('只能输入英文、数字、下划线！')

} else {

callback()

}

}

return{

table[],

rules: {

name:[

{required: true, message: '请输入名称', trigger: 'blur'},//非空

{max: 20, message:'代码库名称的长度不超过20个字符'，trigger: 'blur' ),

{validator: checkNameReg, trigger: 'blur'}

]

}

}

}

}