深入理解 uni-app 中的加载提示：uni.showLoading

在移动应用开发中，为了提升用户体验，经常需要在进行一些耗时操作或者异步请求时给用户一个提示，让用户知道当前操作正在进行中。在 uni-app 中，我们可以使用 uni.showLoading API 来显示加载提示框。这篇博文将深入介绍 uni.showLoading 的使用方法以及一些注意事项。

uni.showLoading 的基本使用

uni.showLoading 用于显示加载提示框，它接受一个配置对象作为参数，配置对象中包含了加载框的标题和一些其他选项。

uni.showLoading({
  title: '加载中...',
  mask: true, // 是否显示透明蒙层，防止触摸穿透
});

在上述示例中，我们使用 uni.showLoading 显示一个加载框，标题为“加载中...”并且设置了透明蒙层，以防止用户触摸穿透。

参数说明

• title (String，必填)：加载框标题。
• mask (Boolean，可选)：是否显示透明蒙层，防止触摸穿透。默认值为 true。

实际应用场景

下面是一个实际应用场景的示例，通过模拟异步请求，在数据加载的同时显示加载提示框，并在数据加载完成后隐藏加载提示框。

export default {
  methods: {
    fetchData() {
      uni.showLoading({