VueJS Read Dom Attributes
<p>I want to get the href attribute to the button click event.</p>

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

<p>Main.JS Files</p>

<pre><code>new Vue({
el: 'body',

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

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

        href = element.getAttribute('href');
    },
}
});
</code></pre>

<p>Target event does not select a element. It selects the clicked element.</p>