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 '视频监控'
    },
相关推荐
2301_812731415 分钟前
CSS3笔记
前端·笔记·css3
ziblog8 分钟前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运5088 分钟前
CSS3学习之网格布局grid
前端·学习·css3
半斤鸡胗11 分钟前
css3基础
前端·css
ziblog12 分钟前
CSS3创意精美页面过渡动画效果
前端·css·css3
akangznl12 分钟前
第四章 初识css3
前端·css·css3·html5
会豪13 分钟前
深入理解 CSS3 滤镜(filter):从基础到实战进阶
前端·css·css3
头顶一只喵喵13 分钟前
CSS3进阶知识:CSS3盒子模型,box-sizing:content-box和box-sizing:border-box的讲解
前端·css·css3
小飞大王66617 分钟前
css进阶用法
前端·css
普通网友31 分钟前
新手必看!HCCDA-HarmonyOS & Cloud Apps 实验保姆级教程
javascript·angular.js