Vue获取某一个元素的样式
VUE中获取某一个元素的Class属性$event$event在项目如果需要获取某一个元素的相关属性或样式,可是使用$event<i style="color: #409eff;" class="el-icon-error iconstyle" @click="getStyle($event)" title="取消"></i>例如我们需要取得当前这个元素的颜色样式,可以写一
·
VUE中获取某一个元素的Class属性
$event
在项目如果需要获取某一个元素的相关属性或样式,可是使用$event
<i style="color: #409eff;" class="el-icon-error iconstyle" @click="getStyle($event)" title="取消"></i>
例如我们需要取得当前这个元素的颜色样式,可以写一个事件,点击的时候传入$event
getStyle(e){
console.log(e.target)
}
methods写入事件getStyle,传入e,使用e.target获取到元素相关信息
打印信息如下
我们使用
e.target.style.color
打印
可以看到已经获取到我们想要的颜色属性了
注:$event.target是事件触发的目标,即哪一个元素触发了事件,直接获取该dom元素
$event.target.className获取当前元素的Class样式名称
就这样,有问题评论区见
更多推荐
已为社区贡献2条内容
所有评论(0)