Активировать метод по ссылке на роутер нажмите в Vue - PullRequest
Новая
       6

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

0 голосов
/ 08 сентября 2018

Я работаю над удалением учетной записи в расширении 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?

1 Ответ

0 голосов
/ 08 сентября 2018

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

<ELEMENT @EVENTNAME="METHODNAME">

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

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

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

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

демо

...