el-checkbox-group获取最新选中的那一项的label

javascript 复制代码
<el-checkbox-group v-model="checkedMarker" @change="markerChange">
        <div v-for="(item, index) in markerList" :key="index">
          <el-checkbox :label="item.name" class="markerItem" @change="getWhatMarker">{{ item.name }}</el-checkbox>
          <div v-if="index === 0" class="lineRight" />
        </div>
      </el-checkbox-group>

data() {
    return {
          checkedMarker: [],
  markerList: [
        {
          id: -1,
          name: "故障设备",
          checked: true
        },
        {
          id: -1,
          name: "路口",
          checked: false
        },
      ], // 省略....... 
    }
},


    

  markerChange(e) {
      console.log(e) // ['故障设备', '视频监控']
    },


 getWhatMarker(e, name) {
      console.log(e, name.target._value) // true '视频监控'
    },
相关推荐
web守墓人1 小时前
【linux】Mubuntu v1.0.11更新日志
linux·前端
遇见你...4 小时前
TypeScript
前端·javascript·typescript
Highcharts.js4 小时前
Highcharts Grid 中文站正式上线:表格数据处理的全新选择
前端·javascript·数据库·表格数据·highcharts·可视化图表·企业级图表
阿正的梦工坊7 小时前
JavaScript 微任务与宏任务完全指南
开发语言·javascript·ecmascript
懂懂tty8 小时前
CRA 迁移 Rspack(实战)
前端·架构
小码哥_常9 小时前
Kotlin 助力 Android 启动“大提速”
前端
GreenTea9 小时前
AI 时代,工程师的不可替代性在哪里
前端·人工智能·后端
Jagger_9 小时前
能不能别再弄低代码害人了
前端
朦胧之9 小时前
AI 编程开发思维
前端·后端·ai编程
踩着两条虫10 小时前
VTJ:快速开始
前端·低代码·架构