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 '视频监控'
    },
相关推荐
神夜大侠15 分钟前
VUE 实现公告无缝循环滚动
前端·javascript·vue.js
明辉光焱18 分钟前
【Electron】Electron Forge如何支持Element plus?
前端·javascript·vue.js·electron·node.js
柯南二号1 小时前
HarmonyOS ArkTS 下拉列表组件
前端·javascript·数据库·harmonyos·arkts
wyy72931 小时前
v-html 富文本中图片使用element-ui image-viewer组件实现预览,并且阻止滚动条
前端·ui·html
前端郭德纲1 小时前
ES6的Iterator 和 for...of 循环
前端·ecmascript·es6
究极无敌暴龙战神X1 小时前
前端学习之ES6+
开发语言·javascript·ecmascript
王解1 小时前
【模块化大作战】Webpack如何搞定CommonJS与ES6混战(3)
前端·webpack·es6
欲游山河十万里1 小时前
(02)ES6教程——Map、Set、Reflect、Proxy、字符串、数值、对象、数组、函数
前端·ecmascript·es6
明辉光焱1 小时前
【ES6】ES6中,如何实现桥接模式?
前端·javascript·es6·桥接模式
PyAIGCMaster1 小时前
python环境中,敏感数据的存储与读取问题解决方案
服务器·前端·python