uniapp弹出加载中夜魔
时间: 2023-07-09 09:28:30 浏览: 152
kendo ui 中文 汉化 文件
3星 · 编辑精心推荐
在 Uniapp 中,你可以使用 `uni.showLoading()` 方法来显示加载中的提示框。这个方法可以接收一个参数对象,用来设置提示框的样式和文字等信息。
示例代码如下:
```javascript
uni.showLoading({
title: '加载中...',
mask: true // 是否显示背景遮罩
})
```
当你需要关闭提示框时,可以使用 `uni.hideLoading()` 方法来隐藏加载中的提示框。
示例代码如下:
```javascript
uni.hideLoading()
```
如果你想要在页面加载完成后自动隐藏加载中的提示框,可以使用 `onLoad` 生命周期函数来实现。
示例代码如下:
```javascript
export default {
onLoad() {
uni.showLoading({
title: '加载中...',
mask: true // 是否显示背景遮罩
})
// 页面加载完成后隐藏加载中的提示框
uni.hideLoading()
}
}
```
需要注意的是,如果你的页面加载数据比较多,会导致提示框无法正确显示,因为 JavaScript 是单线程执行的,当页面加载数据时,会阻塞 JavaScript 的执行,导致提示框无法显示或者显示不完整。如果你遇到了这种情况,可以考虑使用 Promise 或者 async/await 来实现异步加载数据。
阅读全文