<template> <div id="Demo"> <el-form ref="form" label-width="100px"> <el-form-item label="设备名称"> <div class="check-group" v-for="(item, index) in equipments" :key="index"> <el-tag>{ {item.menu}}</el-tag> <el-checkbox-group v-model="checkedEquipments[index]" @change="handleChange(item.id)"> { {checkedEquipments[index]}} <el-checkbox v-for="data in item.childMenu" :label="data.id" :key="data.menu"> { {data.menu}} </el-checkbox> </el-checkbox-group> </div> </el-form-item> </el-form> </div> </template> export default { data() { return { checkedEquipments: [], //随意修改后的checked项(即要传到后台的变更数据) equipments: [
element-UI,根据后台数据、动态生成el-checkbox-group,点击提交获取绑定checked项以及实现显示默认checked项...
最新推荐文章于 2024-05-30 15:40:53 发布