Vue.js 异步请求后关闭提示信息失效解决方法 - Promise & async/await

在Vue.js中使用this.$message()方法时，通常会在进行异步请求之前调用该方法显示提示信息，然后在请求成功后关闭提示信息。但是，由于异步请求是非阻塞的，会在后台执行，所以可能会导致提示信息关闭之前就已经完成了。\n\n为了解决这个问题，你可以使用Promise或者async/await来确保异步请求执行完成后再关闭提示信息。\n\n使用Promise的示例代码如下：\n\njs\n// 显示提示信息\nthis.$message('正在加载中...');\n\n// 发起异步请求\nyourAsyncRequest().then(response => {\n // 请求成功后关闭提示信息\n this.$message.close();\n // 处理获取的数据\n}).catch(error => {\n // 请求失败后关闭提示信息\n this.$message.close();\n // 处理错误信息\n});\n\n\n使用async/await的示例代码如下：\n\njs\nasync yourAsyncFunction() {\n // 显示提示信息\n this.$message('正在加载中...');\n\n try {\n // 发起异步请求\n const response = await yourAsyncRequest();\n // 请求成功后关闭提示信息\n this.$message.close();\n // 处理获取的数据\n } catch (error) {\n // 请求失败后关闭提示信息\n this.$message.close();\n // 处理错误信息\n }\n}\n\n\n这样，就可以确保在异步请求完成后再关闭提示信息，确保页面上能够正确显示对应的提示信息。