Активировать метод по ссылке на роутер клик в Vue

Question

Я работаю над удалением учетной записи в расширении Chrome, и у меня есть следующая кнопка:

<button @click="remove" id="button_remove" class="btn btn-default" style="float: right;">Remove Account</button>

JS

methods:{
    remove(event){
       app.removeAccountData(url,apikey);
    }
},

У меня тоже есть это router-link:

<router-link :to="{ name: 'RemovedWId', params: { accountid: chosenAccount.apikey}}" text="delete_account"><span class="glyphicon glyphicon-trash" aria-hidden="true" style="margin-top: 2px; cursor: pointer;"></span> Remove Account</router-link>

Есть ли способ использовать router-link с JS функционировать?

Answer 1

Вы можете добавить click - обработчик события для базовой привязки, используя этот синтаксис:

<ELEMENT @EVENTNAME="METHODNAME">

Пример: привязка кнопки click обработчик события для onClick() :

<button @click="onClick">Click</button>

поскольку <router-link> это обертка компонента вокруг <a> нам нужно будет использовать .native Модификатор для правильного получения события:

<router-link @click.native="remove" to="/remove">Remove</router-link>

демонстрация