把表格嵌入到了表单中,希望实现表格中的输入项能够校验必填项,但是爆出了这个问题
代码段示例如下:
<el-table-column label="货品编码">
<template slot-scope="scope">
<el-form-item :prop="'tableData.' + scope.$index + '.code'" :rules="rules.code">
<el-input v-model="scope.row.skuCode" placeholder="请输入货品编码"/>
</el-form-item>
</template>
</el-table-column>
查阅了一些资料,发现是prop的问题,el-form-item中的prop属性中的值必须是它父组件el-form中model绑定的子属性,必须要保证prop属性中的字符串是能够访问到的。将tableData加入父组件el-form中绑定的form后,可以成功实现该需求。
如果需要在表头上添加红色*号,可以采用如下方式:
<template slot="header" slot-scope="scope">
<span class="start">*</span>
</template>
<style>
.start{
color:#F56C6C;
}
</style>
官方解释