我试图找到一种方法,使用 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>