今天用elementui的el-checkbox-group遇到一个问题,点击其中一个,所有的checkbox都选中了
我原来是这么写的,可是不行
<el-form-item label="机构">
<el-checkbox-group v-model="ruleForm.organizationIds"
@change="handleCheckAllChange">
<el-checkbox v-for="itm in organList"
:label="itm.id"
:key="itm.id">{{itm.name}}</el-checkbox>
</el-checkbox-group>
</el-form-item>
后来把v-model改了,就可以了,不用ruleForm.oranizationIds,用在外面定义的的数组type可以了
<el-form-item label="机构">
<el-checkbox-group v-model="type"
@change="handleCheckAllChange">
<el-checkbox v-for="itm in organList"
:label="itm.id"
:key="itm.id">{{itm.name}}</el-checkbox>
</el-checkbox-group>
</el-form-item>
export default {
data () {
return {
type: [],
organList: [],
ruleForm: {
organizationIds: [],
code: "",
name: "",
}
}
},
mounted () {
this.getOrganizationss()
},
methods: {
//获取机构列表
getOrganizationss () {
fetchGet('organization/list').then(res => {
this.organList = res.data
})
},
//选中受理机构
handleCheckAllChange (value) {
console.log(value)
},
}
}