我这边定义的checkboxhefei 是[]
这边变成了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: []
}
}
这个是我单独放的,就变成正常的数组
有点纳闷为什么?
这种形式,能够正常使用(可以在这个数组里面写几个值,测试一下)。你的问题应该是出在:在给checkboxhefei这个字段赋值的时候,没有赋上。
这种问题,可以使用this.$set的形式进行处理。