VueJS 读取 Dom 属性 [英] VueJS Read Dom Attributes

问题描述

我想获取按钮点击事件的 href 属性.

I want to get the href attribute to the button click event.

<a v-on:click.prevent="func($event)" href="/user/all/2">
    <i class="fa fa-edit"></i>
    <span>Get Data</span>
</a>

Main.JS 文件

new Vue({
el: 'body',

methods: {
    func: function (event) {
        element = event.target;

        console.log(element); // Output : Select span|i|a element

        href = element.getAttribute('href');
    },
}
});

目标事件未选择元素.它选择被点击的元素.

Target event does not select a element. It selects the clicked element.

推荐答案

你想要的是 event.currentTarget，而不是 event.target.这是情况的一个小提琴:https://jsfiddle.net/crswll/553jtefh/

You want event.currentTarget, not event.target. Here's a fiddle of the situation: https://jsfiddle.net/crswll/553jtefh/

这篇关于VueJS 读取 Dom 属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！