<el-form :model="llqjForm" ref="llqjForm">
<el-form-item label=""></el-form-item>
<el-table :data="llqjForm.llqjTableData" id="llqjTable" height="200" style="width: 100%">
<el-table-column prop="sxsj" label="生效时间">
<template slot-scope="scope">
<el-form-item :prop="'llqjTableData.' + scope.$index + '.sxsj'" :rules='llqjForm.llqjRules.sxsj'>
<el-date-picker class="ll_input" value-format="yyyyMMdd" format="yyyyMMdd" type="date"
placeholder="选择日期" v-model="scope.row.sxsj">
</el-date-picker>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="lllx" label="利率类型">
<template slot-scope="scope">
<el-form-item :prop="'llqjTableData.' + scope.$index + '.lllx'" :rules='llqjForm.llqjRules.lllx'>
<el-select class="ll_input" popper-class="role-option" v-model="scope.row.lllx" placeholder="请选择">
<el-option v-for="item in optionlllx" :key="item.value" :label="item.name" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="ll" class="abc" label="利率">
<template slot-scope="scope">
<el-form-item :prop="'llqjTableData.' + scope.$index + '.ll'" :rules='llqjForm.llqjRules.ll'>
<el-input class="ll_input" type='number' v-model="scope.row.ll" placeholder="请输入">
</el-input>%
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="fxll" label="罚息利率">
<template slot-scope="scope">
<el-form-item :prop="'llqjTableData.' + scope.$index + '.fxll'" :rules='llqjForm.llqjRules.fxll'>
<el-input class="ll_input" type='number' v-model="scope.row.fxll" placeholder="请输入">
</el-input>%
</el-form-item>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button size="mini" type="danger" style="margin-top:5px;" v-if="scope.$index > 0"
@click="handleDelete1(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form>
vue+element el-table表格输入校验
于 2022-08-03 16:02:18 首次发布