uniapp提示弹框
时间: 2023-09-30 21:05:59 浏览: 126
uniapp日期选择弹框w-picker
在uniapp中,可以使用不同的方法来显示提示弹框。其中,可以在执行数据查询、页面数据渲染等过程中弹出提示,也可以在执行增、删、改、查等提交成功后弹出提示。
一种常见的方法是使用uni.showLoading()方法来显示加载提示弹框。例如,在前端数据请求时,可以使用以下代码显示加载提示弹框:
```
uni.showLoading({
title: '加载中...'
});
```
当数据从后端接口返回后,可以使用uni.hideLoading()方法来关闭提示弹框:
```
uni.hideLoading();
```
另一种方法是使用uni.showToast()方法来显示成功提示弹框。例如,可以使用以下代码弹出成功提示弹框:
```
uni.showToast({
title: '成功提示',
icon: 'success',
duration: 2000
});
```
这样的提示弹框会在页面上显示2秒钟,并且会有一个成功的图标。
此外,还可以使用全局直接调用的方式来显示通用提示弹窗。例如,可以使用this.$confirmation()方法来调用通用提示弹窗,并且可以通过回调函数来处理确认或取消的操作。这个方法可以利用Promise封装,以便在需要的时候进行二次封装。
总之,在uniapp中,可以根据需要选择合适的方法来显示提示弹框,并根据具体的业务场景进行相应的调用和处理。
阅读全文