关于vue-resource发送ajax请求第一次失败之后才成功的问题

今天使用vue-rsource进行一个修改数据的操作，但发现当进入弹出的修改页面后第一次点击修改按钮发送ajax请求时，虽然已经进入了后台的方法并且成功执行，但前端还是莫名地执行了失败的回调函数。浏览器打开开发者工具看到ajax的返回状态为空，经上网查找得知，原因为ajax在完成之前请求已经被取消（ajax请求没有发出），由于，例如：页面已经跳转或跳转太快、浏览器输入新的url、按钮立即新的点击等（确定).

解决方法为将按钮的type指定为button即可，参考链接https://www.cnblogs.com/Mainz/p/3506956.html