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 '视频监控'
    },
相关推荐
Cherry的跨界思维几秒前
5、Python长图拼接终极指南:Pillow/OpenCV/ImageMagick三方案
javascript·python·opencv·webpack·django·pillow·pygame
向阳是我6 分钟前
v0.app的next.js项目自动部署到宝塔服务器教程
服务器·开发语言·javascript·github·ai编程
LeeAt8 分钟前
手搓一个 Ollama 本地 SSE 全栈聊天助手
前端
全_8 分钟前
全栈项目实践五:抽离npm包
前端
dorisrv8 分钟前
使用requestIdleCallback和requestAnimationFrame优化前端性能
前端
dorisrv9 分钟前
CSS Grid + Flexbox响应式复杂布局实现
前端
前端灵派派9 分钟前
openlayer选择移动图标
前端
重铸码农荣光9 分钟前
深入理解 JavaScript 继承:从原型链到 call/apply 的灵活运用
前端·javascript·面试
禅思院9 分钟前
vite项目hmr热更新问题
前端·vue.js·架构
dorisrv12 分钟前
TRAE SOLO 正式版:AI全链路开发的新范式 🚀
前端·trae