checkbox使用

checkbox使用

1.一组数据显示

<el-checkbox-group v-model="checkedNodes" @change="handleCheckedCitiesChange">
        <el-checkbox v-for="(item,index) in newCheckedNodeslist" :label="item.layerlabel" :key="index" class="single" @change="changecurrentNode($event,item)">
            <div class="mylaybel" :title="item.layerlabel">{{item.mylabel}}</div>
        </el-checkbox>
</el-checkbox-group>

changecurrentNode(e,item){
//e为true时为选中状态，
//e为false时为取消状态
}

2.默认选中状态

checkedNodes为默认选中的数据，与下面el-checkbox的:label="item.layerlabel"保持一致。

this.checkedNodes.push(element.layerName)