技術標籤：前端vue.js

VUE中獲取某一個元素的Class屬性

• $event

$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樣式名稱

就這樣，有問題評論區見