vue3.0 element plus表格循环出的输入框进行校验(setup语法糖)
<template>
<div class="mg-1em pd-1em bg-color">
<h1>el-table表格循环的输入框如何进行校验</h1>
<div class="form">
<el-form ref="formTableRef" :model="formTable" :rules="rules" :inline="true">
<el-table :data="" border style="width: 100%">
<el-table-column prop="date" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
<el-table-column prop="address" label="地址" align="center"></el-table-column>
<el-table-column label="价格" align="center">
<template #default="{ row, $index }">
<el-form-item :prop="`tableData[${$index}].purchaseNum`" :rules="" :label-width="1">
<el-input v-model="">
<template #suffix>
<span>元</span>
</template>
</el-input>
</el-form-item>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
<div class="btn">
<el-button type="primary" @click="handleSubmit">提交</el-button>
</div>
</div>
</template>