Javascript v-on：目标不在正确元素中时单击？

我正在尝试对锚标记做一些事情（使用jQuery），比如在单击时更改锚标记的颜色，但似乎找不到正确的目标

<a v-on:click="action($event)">
    <span>entry 1</span>
    <span>entry 2</span>
</a>

---

每次单击“a”标记时，其中一个跨距将变为红色，但实际的“a”标记没有v-on:click指令。有没有一种方法可以将click指令指向实际的元素？

为什么要将jQuery与vuejs结合使用？如果使用vuejs的强大功能，可以执行以下操作：

。单击{
背景色：红色；
}

条目1
条目2

而不是

$event.target

您必须使用

$event.currentTarget

。然后将样式指定给

a

-标记

newvue({
el:“应用程序”，
方法：{
行动：功能（$event）{
$（$event.currentTarget）.css（“背景色”、“红色”）
}
}
})

正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#应用程序{
背景：#fff；
边界半径：4px；
填充：20px；
过渡：均为0.2s；
}
李{
利润率：8px0；
}
氢{
字体大小：粗体；
边缘底部：15px；
}
德尔{
颜色：rgba（0,0,0,0.3）；
}

条目1
条目2

因为我想在单击做其他事情的元素时运行另一个函数，您能描述一下您想要实现的目标吗？@Jns的答案是您问题的正确答案。请把那个标记为正确答案。

$( $event.target ).css( "backgroundColor", "red" )