- 79浏览
- 2023-04-23
在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() 隐藏加载提示框。
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。