vue 点击获取元素的css属性

1、首先要获取背点击的元素

通过点击事件event,event.target 既被点击的元素

javascript 复制代码
// param为别的参数
<button @click="(event) => {handler(event,param)}"><i class="el-icon-close "></i></span>
// 不传参数,默认参数为event
<button @click="handler"><i class="el-icon-close "></i></span>

// 获取当前点击的元素
        event.target 
// 获取触发绑定事件的元素
        event.currentTarget 
// 获取当前点击的元素的父元素
        event.currentTarget.parentElement
//
handler(event,index) {
      // 获取css属性对象 window.getComputedStyle(event.currentTarget)
      if(window.getComputedStyle(event.currentTarget).opacity == '1'){
                // todo 
            }
        },

2、 window.getComputedStyle 获取元素的css属性对象

相关推荐
奋斗的小羊羊5 小时前
HTML5关键知识点之多种视频编码工具的使用方法
前端·音视频·html5
前端呆猿5 小时前
深入解析HTML5中的object-fit属性
前端·css·html5
再学一点就睡5 小时前
实现大文件上传全流程详解(补偿版本)
前端·javascript·面试
你的人类朋友6 小时前
【Node&Vue】什么是ECMAScript?
前端·javascript·后端
路灯下的光7 小时前
用scss设计一下系统主题有什么方案吗
前端·css·scss
l_tian_tian_7 小时前
SpringClound——网关、服务保护和分布式事务
linux·服务器·前端
一只小风华~7 小时前
CSS @media 媒体查询
前端·css·媒体
shix .8 小时前
最近 | 黄淮教务 | 小工具合集
前端·javascript
John_ToDebug8 小时前
Chrome 内置扩展 vs WebUI:浏览器内核开发中的选择与实践
前端·c++·chrome
烛阴9 小时前
解锁动态键:TypeScript 索引签名完全指南
前端·javascript·typescript