Как во vue.js по клику на елемент добавить ему атрибут из метода?

Question

[Vanya Huk]

<a v-on:click="click_page( this )" v-else href="javascript:void(0)" >{{page.page}}</a>

methods : {

            click_page   : function ( e ) {

                console.log( e  )
            }
}

Answer 1

[Yeldos Adetbekov]

template

<a @click="click_page($event)" href="javascript:void(0)">{{page.page}}</a>

js

methods : {
    click_page(e){
        console.log(e)
        e.target.setAttribute("attributeKey", "attributeValue")
    }
}

Comments

[Yeldos Adetbekov]

А вообще лучше так не делать. Для этого нужно использовать встроенную функцию в виде кастомных директив, используя ":"

Answer 2

[Evgeny Kulakov]

Не совсем понятно, что вы хотите.
Если получить event в функцию при клике, то просто:

<a v-on:click="click_page" href="javascript:void(0)">{{page.page}}</a>

Или

<a v-on:click="click_page(arguments[0])" href="javascript:void(0)">{{page.page}}</a>

Или

<a v-on:click="click_page($event)" href="javascript:void(0)">{{page.page}}</a>

Comments

[Антон Антон]

$event тогда уж

[Evgeny Kulakov]

Да, точно, сейчас допишу)