uni uni.showloding uni.showtoast 冲突的问题

uni项目中是使用了
uni.showLoading({
title: ‘数据加载中…’
})
uni.hideLoading()
在请求完成之后给用户提示信息 出现冲突 提示信息不显示

// 导入网络请求的包
import {
	$http
} from '@escook/request-miniprogram'

uni.$http = $http

// 请求的根路径
// $http.baseUrl = 'http://192.168.0.128:8999/vehicle'

// $http.baseUrl = 'http://127.0.0.1/vehicle'
$http.baseUrl = 'https://www.fanzegroup.com/vehicle'

// 请求拦截器
$http.beforeRequest = function(options) {
	uni.showLoading({
		title: '数据加载中...'
	})
}

// 响应拦截器
$http.afterRequest = function(res) {
	// console.log(res, '获取响应信息');
	if (res.statusCode == 403) {
		uni.clearStorageSync();
		uni.navigateTo({
			url: '/pages/login/login.vue'
		})
	}
	// plus.nativeUI.closeWaiting();
	uni.hideLoading()
}

// 封装弹框的方法
uni.$showMsg = function(title = '数据请求失败!', icon = 'none', duration = 1500) {
	setTimeout(()=> {
		uni.showToast({
			title,
			icon,
			duration,
		
		})
	},0)
	
}
// 在页面发送请求的时候封装了 一个请求拦截器 响应拦截器 
// 解决方法
调用uni.showToast的时候加一个定时器
setTimeout(()=> {
		uni.showToast({
			title,
			icon,
			duration,
		
		})
	},0)

写作不易 点个赞再走

你可能感兴趣的:(uniapp,html5,vue.js,前端)