element el-checkel-checkbox-button 中我定义的是 参数时[],但是现实是boolean

clipboard.png

clipboard.png
我这边定义的checkboxhefei 是[]
clipboard.png
这边变成了true boolean

<cmp-form-item label="申请区域:" prop="projectId" validate="required" required>
  <el-row>
    <el-col :span="6">
       <el-select v-model="addPersonData.projectId" class="apply-area">
        <el-option label="上海机房" value="shanghai"></el-option>
        <el-option label="安徽机房" value="anhui"></el-option>
        <el-option label="异地开发中心操作室" value="yidi"></el-option>
      </el-select>
    </el-col>
    <el-col :span="16" :offset="2" class="area-select">
      <el-row class="area-sh area" v-if="addPersonData.projectId == 'shanghai'">
        <!-- <div>
          <el-checkbox-button  v-model="addPersonData.checkAllrooms" @change="handleCheckAllChange">ECC区域</el-checkbox-button>
          <el-checkbox-group v-model="addPersonData.checkedrooms" @change="handleCheckedCitiesChange">
            <el-checkbox-button v-for="city in rooms" :label="city" :key="city">{{city}}</el-checkbox-button>
          </el-checkbox-group>
        </div> -->
        <!-- <div>
          <el-checkbox-button  v-model="addPersonData.checkAllls" @change="handleCheckAlllsChange">重要区域</el-checkbox-button>
          <el-checkbox-group v-model="addPersonData.checkedles" @change="handleCheckedlsChange">
            <el-checkbox-button v-for="city in le" :label="city" :key="city">{{city}}</el-checkbox-button>
          </el-checkbox-group>
        </div>
        <div>
          <el-checkbox-button  v-model="addPersonData.checkAllone" @change="handleCheckAllOneChange">一楼区域</el-checkbox-button>
          <el-checkbox-group v-model="addPersonData.checkedOnes" @change="handleCheckedOneChange">
            <el-checkbox-button v-for="city in One" :label="city" :key="city" border>{{city}}</el-checkbox-button>
          </el-checkbox-group>
        </div>
        <div>
          <el-checkbox-button  v-model="addPersonData.checkAlltwo" @change="handleCheckAlltwoChange">二楼区域</el-checkbox-button>
          <el-checkbox-group v-model="addPersonData.checkedTwos" @change="handleCheckedTwoChange">
            <el-checkbox-button v-for="city in Two" :label="city" :key="city" border>{{city}}</el-checkbox-button>
          </el-checkbox-group>
        </div>
        <div>
          <el-checkbox-button  v-model="addPersonData.checkAlleast" @change="handleCheckAlleastChange">东银区域</el-checkbox-button>
          <el-checkbox-group v-model="addPersonData.checkedEasts" @change="handleCheckedEastChange">
            <el-checkbox-button v-for="city in East" :label="city" :key="city" border>{{city}}</el-checkbox-button>
          </el-checkbox-group>
        </div> -->
      </el-row>
      <el-row class="area-ah area" v-if="addPersonData.projectId == 'anhui'">
        <el-checkbox-group v-model="addPersonData.checkboxhefei">
          <el-checkbox-button v-for="city in hefeis" :label="city" :key="city" border name='checkboxhefei'>{{city}}</el-checkbox-button>
        </el-checkbox-group>
      </el-row>
      <!-- <el-row class="area-ah area" v-if="addPersonData.projectId == 'yidi'">
        <el-checkbox-group v-model="addPersonData.checkboxyidi">
          <el-checkbox-button v-for="city in yidis" :label="city" :key="city" border>{{city}}</el-checkbox-button>
        </el-checkbox-group>
      </el-row> -->
    </el-col>
  </el-row>
</cmp-form-item>
data() {
    return {
      userDataObj: JSON.parse(localStorage.getItem('cscUserData')),
      projectList: [],
      params: {
        page: 1,
        rows: 10,
        params: JSON.stringify([{param: {serviceName: '人员出入机房'}, sign: 'EQ'}]),
        simple:true
      },
      addPersonData: {
        // checkAllrooms: false,
        // checkedrooms: [],
        // checkAllls: false,
        // checkedles: [],
        // checkAllone: false,
        // checkedOnes: [],
        // checkAlltwo: false,
        // checkedTwos: [],
        // checkAlleast: false,
        // checkedEasts: [],
        // checkboxyidi: ''
        checkboxhefei: []
      }
   }

clipboard.png
这个是我单独放的,就变成正常的数组

有点纳闷为什么?

阅读 4.2k
1 个回答
addPersonData: {
    checkboxhefei: []
}

这种形式,能够正常使用(可以在这个数组里面写几个值,测试一下)。你的问题应该是出在:在给checkboxhefei这个字段赋值的时候,没有赋上。
这种问题,可以使用this.$set的形式进行处理。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题