單選組切換代碼記錄

<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']);
 },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章