this.$el如何判断是否是当前元素
时间: 2024-01-02 08:01:53 浏览: 34
如果您想要判断`this.$el`是否是当前元素(即点击事件的触发元素),可以使用`event.currentTarget`来获取当前事件的目标元素,并与`this.$el`进行比较。以下是一个示例代码:
```html
<template>
<div class="card-event" @click="linkGameInfo(item.id, $event)">
<!--卡片中"标题"区域-->
<div class="title">{{ item.title }}</div>
<!--卡片中"分类按钮"区域-->
<div>
<el-tag v-for="type in item.typeList" :key="type" type="info" style="margin-left: 2px">
{{ type }}
</el-tag>
</div>
</div>
</template>
<script>
export default {
methods: {
linkGameInfo(id, event) {
if (event.currentTarget === this.$el) {
// 当前元素是点击事件的触发元素
// 执行点击事件
// your code here
}
}
}
}
</script>
```
在这个示例代码中,我们使用`event.currentTarget`来获取当前事件的目标元素。然后,我们将它与`this.$el`进行比较,如果相等,则表示`this.$el`就是当前元素,即点击事件的触发元素。
请根据您的实际需求,将 "// your code here" 的部分替换为您希望执行的点击事件代码。