站三界导航
首页 uniapp代码uniapp 全局showLoading方法

uniapp 全局showLoading方法

  • uniapp代码
  • 来源:站三界导航
  • 498阅读
  • 2023-03-26

在uni-app中,可以使用Vue的全局方法来定义一个全局的showLoading方法。具体步骤如下:

1. 在main.js文件中定义全局方法:
import Vue from 'vue'
import App from './App'

Vue.prototype.showLoading = function () {
  uni.showLoading({
    title: '加载中...',
    mask: true
  });
}

Vue.prototype.hideLoading = function () {
  uni.hideLoading();
}

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()
2. 在需要使用showLoading方法的页面中调用:
export default {
  methods: {
    getData() {
      this.showLoading();  // 显示加载提示框
      // 执行数据请求操作
      this.hideLoading();  // 隐藏加载提示框
    }
  }
}
在方法中使用 this.showLoading() 调用全局的 showLoading 方法,然后执行数据请求操作。数据请求完成后,使用 this.hideLoading() 隐藏加载提示框。
本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/40349.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
  • 上一篇: uniapp刷新当前页面
  • 下一篇: tp5链表查询
  • 站三界导航
    本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。