Vue에서 라우터 링크 클릭 시 메서드 활성화

Vue에서 라우터 링크 클릭 시 메서드 활성화

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기능하고 있습니까?

부터<router-link>를 컴포넌트로 감싸고 있습니다.<a>이벤트를 올바르게 수신하려면 , 다음의 수식자를 사용할 필요가 있습니다.

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

데모

언급URL : https://stackoverflow.com/questions/52229947/activate-method-on-router-link-click-in-vue