Element UI 中table的验证问题

Question

<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' }
    ]
}

我的校验规则为何没有生效？

Answer 1

el-form组件上还有个model属性……注意看文档

Answer 2

建议保持一致。