Verification of table in Element UI

<el-table class="product_table" :data="productData" border>
    <el-table-column prop="name" label="" align="center">
        <template slot-scope="scope">
          <el-form :rules="rules" ref="cardStartNo">
            <el-form-item class="form-item" prop="cardStartNo" label=" ">
              <el-input v-model="scope.row.cardStartNo"></el-input>              
            </el-form-item>
          </el-form>
        </template>
  </el-table-column>
</el-table>

rules: {
    cardStartNo: [
      { required: true, message: "", trigger: "blur" }
    ]
}

Why are my verification rules not in effect?

Mar.01,2021
There is also a model attribute on the

el-form component. Note that the document


suggests consistency. clipboard.png

Menu