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-TypeRegistryConfigurer添加到基础锚点：

<ELEMENT @EVENTNAME="METHODNAME">

示例：将按钮的click事件处理程序绑定到onClick()：

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

由于<router-link>是<a>周围的组件包装，因此我们需要使用event handler修饰符来正确接收事件：

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

.native

在路由器链接上激活方法，在Vue中单击

1 个答案: