请注意 showLoading 与 hideLoading 必须配对使用
时间: 2024-06-24 15:02:12 浏览: 6
`showLoading` 和 `hideLoading` 是通常在前端开发中用于界面加载指示的一种常见操作。它们是一对操作,用于在用户进行某些耗时操作(如数据请求、页面渲染等)时,显示一个加载状态提示,让用户知道系统正在处理请求,避免界面卡顿,提供良好的用户体验。当操作完成时,调用 `hideLoading` 关闭这个加载指示。
具体用法是这样的:
- 当你需要开始一个可能会导致界面短暂不可见的操作时,调用 `showLoading()`,例如在发送一个网络请求之前。
- 当这个操作完成后,比如请求成功或失败,或者数据已准备好显示,调用 `hideLoading()`,隐藏加载指示器。
相关问题
showLoading 与 hideLoading 必须配对使用
showLoading和hideLoading函数必须配对使用,以确保正确的加载状态。在代码中,showLoading函数用于显示加载中的提示信息和遮罩层,而hideLoading函数用于隐藏加载中的提示信息和遮罩层。在使用showLoading函数之后,必须在适当的时候调用hideLoading函数来隐藏加载状态,以免造成界面卡顿或加载状态一直显示的问题。这样可以保证用户在等待数据加载时能够得到正确的反馈。\[2\]
#### 引用[.reference_title]
- *1* *2* [解决UNI-APP "请注意 showLoading 与 hideLoading 必须配对使用" 问题](https://blog.csdn.net/HRM2454/article/details/105969695)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [小程序 报错errMsg: “hideLoading:fail:toast can‘t be found“ ?](https://blog.csdn.net/Start2019/article/details/119635618)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
cuniapp报hunk-vendors.js:14691 [system] 请注意 showLoading 与 hideLoading 必须配对使用怎么解决
该错误提示是因为你在调用 `showLoading` 和 `hideLoading` 方法时没有配对使用。你需要在调用 `showLoading` 方法后,确保在合适的时机调用 `hideLoading` 方法来隐藏加载动画。
具体来说,在调用 `showLoading` 方法时,可以将其返回的 `loading` 对象保存下来,然后在需要隐藏加载动画时,调用该对象的 `hide` 方法来关闭加载动画。
例如:
```
// 显示加载动画
const loading = uni.showLoading({
title: '加载中'
})
// 请求数据
api.getData().then(res => {
// 隐藏加载动画
loading.hide()
})
```
这样就能够正确地配对使用 `showLoading` 和 `hideLoading` 方法了。