javascript - VueJS 読み取り Dom 属性

Question

ボタンクリックイベントに href 属性を取得したい。

<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');
    },
}
});

対象イベントが要素を選択していません。クリックされた要素を選択します。