单选组切换代码记录

<el-form-item label="使用范围" required>
 <el-radio-group v-model="form.useScopeType" @change="useScopeChange">
    <el-radio label="1">个人</el-radio>
    <el-radio label="2">组织</el-radio>
    <el-radio label="0">公开</el-radio>
  </el-radio-group>
</el-form-item>
<el-form-item v-if="form.useScopeType === '1'" prop="personId" required>
  <el-select v-model="form.personId" placeholder="请选择" @change="personChange">
    <el-option
      v-for="item in personOptions"
      :key="item.bid"
      :label="item.username"
      :value="item.bid">
    </el-option>
  </el-select>
</el-form-item>
<el-form-item v-if="form.useScopeType === '2'" prop="departmentId" required>
  <el-select v-model="form.departmentId" @change="departmentChange" placeholder="请选择">
    <el-option
      v-for="item in departOptions"
      :key="item.bid"
      :label="item.departName"
      :value="item.bid">
    </el-option>
  </el-select>
</el-form-item>
/**
  * 选中个人时清空报错
  * @method   personChange
  * @author   wangxiao
  */
 personChange(){
   //this.$refs['form'].clearValidate(['personId']);
 },
 /**
  * 选中组织时清空报错
  * @method   departmentChange
  * @author   wangxiao
  */
 departmentChange(){
   //this.$refs['form'].clearValidate(['departmentId']);
 },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章