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 '视频监控'
    },
相关推荐
AI周红伟1 小时前
事件分析:FDE标准,“OpenClaw+RAG+Agent” 应用实战的标准
前端·人工智能·chrome·chatgpt·aigc
Mike_jia1 小时前
Databasus:开源数据库备份革命的里程碑,企业级数据安全的守护神
前端
恋猫de小郭1 小时前
真正的跨平台 AI 自动化框架,甚至还支持鸿蒙
android·前端·flutter
IT_陈寒1 小时前
Redis的LRU淘汰策略坑了我一天血汗
前端·人工智能·后端
晓得迷路了1 小时前
栗子前端技术周刊第 132 期 - date-fns 支持 Temporal、npm 攻击事件、VoidZero...
前端·javascript·css
雨季mo浅忆1 小时前
记录Vue3项目中的各类问题
前端·bug·vue3
亿元程序员2 小时前
Cocos游戏开发中的弯的箭头游戏效果
前端
ct9782 小时前
Promise
前端·javascript·vue.js
怕浪猫2 小时前
Electron 开发实战(十一):自动更新机制|服务架构、公私网更新、版本回滚全解
前端·javascript·electron
AI视觉网奇2 小时前
three-bvh-csg glb分割
开发语言·前端·javascript