具有组件和元素UI的Vue Js表单验证

Question

我正在尝试找到一种使用vue js，组件和元素ui的方法来验证表中的表单并将数据从模板推送到其中的表单。 目前，这是我编写的代码的片段，如果el-input为空，则消息“ hi”应显示为模糊事件。 但是，即使在输入字段中有一个值，它也会显示，并且似乎验证无法读取从模板插入的值。 关于如何将两者连接的任何想法？

<el-form ref=“formA”>
  <el-table :data=“data_list” border class=“my-table" size="mini" row-key="id">
   <el-table-column property=“my_name":label='$t("attributes.person_name")' width="200">
        <template slot-scope="scope">
            <el-form-item　:prop=“’data_list.' + scope.$index + ‘.my_name'"
                :rules="{
                            required: true,
                            message: 'hi',
                            trigger: 'blur'
                        }">
                <el-input v-model="scope.row.my_name" />
            </el-form-item>
        </template>
    </el-table-column>
</el-table>