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 '视频监控'
    },
相关推荐
❀͜͡傀儡师4 分钟前
docker部署Docker Compose文件Web管理工具Dockman
java·前端·docker·dockman
karshey21 分钟前
【前端】sort:js按照固定顺序排序
开发语言·前端·javascript
MyBFuture22 分钟前
索引器实战:对象数组访问技巧及命名空间以及项目文件规范
开发语言·前端·c#·visual studio
IT_陈寒31 分钟前
Redis性能提升50%的7个实战技巧,连官方文档都没讲全!
前端·人工智能·后端
打小就很皮...34 分钟前
React 富文本图片上传 OSS 并防止 Base64 图片粘贴
前端·react.js·base64·oss
咬人喵喵41 分钟前
告别无脑 <div>:HTML 语义化标签入门
前端·css·编辑器·html·svg
404NotFound3051 小时前
基于 Vue 3 和 Guacamole 搭建远程桌面(利用RDP去实现,去除vnc繁琐配置)
前端
咚咚咚ddd1 小时前
AI 应用开发:Agent @在线文档功能 - 前端交互与设计
前端·aigc·agent
旧梦吟1 小时前
脚本工具 批量md转html
前端·python·html5