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

建议保持一致。