javascript - 在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-linkwithJS函数？

标签： javascriptvue.jsvuejs2vue-router

Answer 1

由于<router-link>是一个组件包装器<a>，我们需要使用.native修饰符来正确接收事件：

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

演示