Javascript Vue，将链接置于href关闭状态，方法首先完成

我正试图找出如何协调这一点，但我在Vue中有一个调用函数的按钮，它可以正常工作，但需要几秒钟才能完成，而指向下一页的href链接大约有一半的时间是先完成的

有没有一种方法可以让名为method的按钮成功返回200次才能触发href链接

<button @click="changeStatus(dateEvent)" type="button" class=" taskButton btn-default">
    <a v-bind:href="'/task/' + dateEvent.taskt_id + '/progress'" style="color:white;">Accept Task</a>
</button>


methods: {
  changeStatus: function(dateEvent) {
    //console.log(dateEvent.status, dateEvent.taskt_id)
    let data = {
        id: dateEvent.taskt_id,
        status: 'P'
    };
}

方法：{
changeStatus:函数（日期事件）{
//console.log（dateEvent.status、dateEvent.taskt\u id）
让数据={
id:dateEvent.taskt\u id，
状态：“P”
};
}

您需要编程导航（如果需要）和：

你也可以这样做：

方法：{
异步变更状态（日期事件）{
等待此消息。myAsyncFunction（）；//完成此函数需要两秒钟
让数据={
id:dateEvent.task\u id，
状态：“P”
};
var route='/task/'+dateEvent.task_id+'/progress''
此。$router.push（路由）；
}
}

接受任务

您可以发布其余的代码吗？您可能可以单击默认设置，然后在200秒后触发导航