账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element table下select表单验证
    29
    0

    el-table下每一行都有一个el-select 选中的值都绑定到ruleForm对象下的selectedPosition数组里 这种情况下我怎样去对每一行select进行验证呢 比如说第一行的select如果没有选中 在blur的时候验证这个select有没有选中值
    <el-form :model="ruleForm" :rules='rules'>

        <el-table 
          :data="detailList" 
          style="width: 100%" 
          header-row-class-name="blackTableHeader">
          <el-table-column prop="index" label="序号"  align="center">
              <template slot-scope="scope">
                  {{scope.$index+1}} 
            </template>
          </el-table-column>
          <el-table-column prop="name" label="人员"  align="center"></el-table-column>
          <el-table-column prop="position" label="备勤职务" align="center">
              <template slot-scope="scope">
              <el-form-item prop="selectedPosition" :rules="[{ required: true, message: '请选择职务', trigger: 'blur'}]">
                  <el-select 
                      v-model="ruleForm.selectedPosition[scope.$index]" 
                      @change="handleChange(scope.row,$event)" 
                      placeholder="请选择">
                    <el-option
                      v-for="(item,idx) in positionList"
                      :key="idx"
                      :label="item.name"
                      :value="item.dataKey">
                    </el-option>
                 </el-select>
              </el-form-item>
            </template>
          </el-table-column>
          <el-table-column prop="operation" label="操作" align="center">
              <template slot-scope="scope">
              <span class="delete" @click="deleteRow(scope,detailList)">删除</span>
            </template>
          </el-table-column>
        </el-table>
    </el-form>
          
          ruleForm: {
                    selectedPosition: []
                }
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部