el-table 表格中数据必填校验
elementui 中 el-table 表格中数据必填校验。
·
例:
<el-table
:data="ruleForm.dataLists"
style="width: 100%"
row-key="id"
>
<el-table-column
label="序号"
type="index"
width="50"
></el-table-column>
<el-table-column
prop="name"
label="姓名"
show-overflow-tooltip
/>
<el-table-column
prop="sex"
label="性别"
show-overflow-tooltip
/>
<el-table-column
prop="age"
label="年龄"
show-overflow-tooltip
/>
// 重点部分 --- 开始
<el-table-column label="职业" prop="occupation">
<template slot-scope="scope">
<el-form-item :prop="'dataLists.' + scope.$index + '.occupation'" :rules="{
required: true,
message: '不能为空',
trigger: 'change',
}">
<el-select
v-model="scope.row.occupation"
placeholder="请选择职业"
size="mini"
:disabled="disabled"
>
<el-option
v-for="(item, index) in occupationArr"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</template>
</el-table-column>
// 重点部分 --- 结束
</el-table>
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)