当前位置: 首页 > news >正文

vue 点击获取元素的css属性

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

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

// 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属性对象

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • @Slf4j idea标红Cannot resolve symbol ‘log‘
  • 【多线程】wait()和notify()
  • 【mybatis】mybatisX插件概述
  • npm证书过期问题
  • uniapp内置组件uni.navigateTo跳转后页面空白问题解决
  • 警钟!电池储能安全事故频发!物联网技术如何加强储能安全排查?
  • 论文阅读--Simple Baselines for Image Restoration
  • 设计模式之模版方法
  • 从零开始实现大语言模型(一):概述
  • uniapp 请求封装
  • JavaScript高级程序设计(第四版)--学习记录之代理与反射
  • 完美解决ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: NO)
  • Perl语言入门到高级学习
  • 【教程】Github Page 添加自定义域名
  • SQL Server和Oracle数据库的实时同步
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • (三)从jvm层面了解线程的启动和停止
  • Objective-C 中关联引用的概念
  • PHP 小技巧
  • python学习笔记 - ThreadLocal
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • spring学习第二天
  • ucore操作系统实验笔记 - 重新理解中断
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 类orAPI - 收藏集 - 掘金
  • 利用jquery编写加法运算验证码
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 前端面试总结(at, md)
  • 转载:[译] 内容加速黑科技趣谈
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • ​Spring Boot 分片上传文件
  • ​七周四次课(5月9日)iptables filter表案例、iptables nat表应用
  • #如何使用 Qt 5.6 在 Android 上启用 NFC
  • $jQuery 重写Alert样式方法
  • $nextTick的使用场景介绍
  • (12)Linux 常见的三种进程状态
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (7) cmake 编译C++程序(二)
  • (Matalb时序预测)WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (zhuan) 一些RL的文献(及笔记)
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (企业 / 公司项目)前端使用pingyin-pro将汉字转成拼音
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (图文详解)小程序AppID申请以及在Hbuilderx中运行
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)四层和七层负载均衡的区别
  • (转)用.Net的File控件上传文件的解决方案
  • (轉貼) 寄發紅帖基本原則(教育部禮儀司頒布) (雜項)
  • .axf 转化 .bin文件 的方法
  • .NET DevOps 接入指南 | 1. GitLab 安装
  • .NET Framework 3.5安装教程
  • .NET 将多个程序集合并成单一程序集的 4+3 种方法