例:
<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>

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐