uniapp跳转后弹出黑色圆点怎么解决

1. 什么是uniapp？

Uniapp作为一个开源的跨平台软件开发框架，可以帮助开发者将vue语法编写的代码转变成各种不同的应用程序。Uniapp兼容了多个移动应用开发平台，例如微信小程序、支付宝小程序、百度智能小程序等。它允许用户使用Vue.js构建一个页面与组件库，同时在不改变代码的情况下在多个移动平台上运行

2. uniapp跳转问题

在uniapp开发中，我们可能会遇到一些跳转问题，比如说跳转后弹出黑色圆点。这通常是由于路由配置或者页面配置问题引起的。其中路由配置是指的是跳转时URL路径给的问题，而页面配置则是指的窗口的样式问题。若您遇到了跳转后弹出黑色圆点的问题，可以尝试以下解决方案:

2.1 检查路由配置

在uniapp工程中，一些页面或者组件可能会使用到路由导航。检查路由跳转时给出的路径是否正确

  

// uni-app中的路由跳转方式
uni.navigateTo({
  url: "/pages/index/index"
});

2.2 检查页面配置

如果路由配置没有问题，您还需要检查页面的配置，确保窗口设置正确。uniapp中的页面配置非常灵活，但也容易出现问题。因此，我们应该对页面的背景、颜色等属性进行检查

<style>
  /* 设置页面背景颜色 */
  page {
    background-color: white;
  }
</style>

2.3 使用setTimeout()方法解决

如果检查路由路径和页面配置都没有问题，您还可以尝试使用setTimeout()方法解决黑色圆点问题。setTimeout()是JavaScript中一种非常常见、实用的技巧。这个方法可以让您将某个操作的执行推迟到一定时间后再执行

uni.navigateTo({
  url: "/pages/index/index",
  complete: function () {
    setTimeout(function () {
      uni.hideNavigationBarLoading();
    }, 500)
  }
});

2.4 使用uni.navigateBack()方法解决

最后，如果您仍然无法解决跳转后黑色圆点的问题，您可以尝试使用uni.navigateBack()方法解决。这个方法可以通过后退来解决这个问题，操作如下：

// 弹出圆点页面
uni.navigateTo({
  url: "/pages/index/index",
  complete: function () {
    // 延时几秒后返回
    setTimeout(function () {
      uni.navigateBack({
        delta: -1
      });
    }, 2000)
  }
});

3. 总结

我们在开发uniapp过程中，很有可能会遇到跳转后弹出黑色圆点问题。本文详细介绍了该问题的几种解决方案，包括检查路由配置、检查页面配置、使用setTimeout()方法解决、使用uni.navigateBack()方法解决等。如果您在开发中遇到类似问题，可以尝试使用这些解决方案。最后提醒各位开发者，在使用uniapp时，应该仔细阅读官方文档和相关资料，尽可能避免出现问题。当然，如果您确实遇到问题了，也不要着急，要多动手尝试，找到解决方案