elementUI中对CheckBox表单验证时,已满足验证条件,提示语不隐藏?

html部分:

<el-form-item label="维护对象" v-show="!isEdit" prop="maintainObj">
          <el-radio v-model="selectInfo.maintainObj" label="水表">水表</el-radio>
          <el-radio v-model="selectInfo.maintainObj" label="集中器">集中器</el-radio>
        </el-form-item>
        <el-form-item label="维护对象" v-show="isEdit" prop="maintainObj">
          <el-radio disabled v-model="selectInfo.maintainObj" label="水表">水表</el-radio>
          <el-radio disabled v-model="selectInfo.maintainObj" label="集中器">集中器</el-radio>
        </el-form-item>

data部分:

 selectInfoRules: {
        maintainObj: [
          {
            required: true,
            message: '请选择维护对象',
            trigger: 'change'
          }
        ],

效果如下:
微信截图_20200429100912.png

按理应该是选中了其中一个CheckBox,提示语就会隐藏的。。。吧

已解决 悬赏分:60 - 解决时间 2022-01-05 01:56
反对 0举报 0 收藏 0

回答1

最佳
  • @

    这样写

    <el-radio-group v-model="selectInfo.maintainObj"> 
        <el-radio label="水表">水表</el-radio>
        <el-radio label="集中器">集中器</el-radio>
    </el-radio-group>
    支持 0 反对 0 举报
    2022-01-04 08:23