获取点击事件所在的DOM
页面代码如下:
<div class="dataMartTitleDivStyle" @click.stop="getDataMartData($event,item.id)">
<Icon type="md-close" size="20" style="float: right" @click.stop="deleteDataMart(item.id)"/>
<img :src="img" class="dataMartTitleImgStyle"/>
<span class="dataMartTitleSpanStyle">{{item.dataName}}</span>
</div>
获取DOM后添加背景颜色(方式一):
getDataMartData(ele, id) {
if (this.preDom) {
this.preDom.style.backgroundImage = ''
}
if (ele) {
this.preDom = ele.currentTarget;
this.preDom.style.backgroundImage = 'linear-gradient(to right, #57BBF0 , #4DD1A3)';
}
this.queryDataMartData({id: id}).then(res => {
if (res.success) {
this.tableData = res.data
}
})
},
方式二(真·添加背景色)
getDataMartData(e){
if(this.clickDom){
this.clickDom.classList.remove('setDivBackColor');
}
this.clickDom = e.currentTarget;
this.clickDom.classList.add('setDivBackColor');
}