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)

写作不易 点个赞再走

在封装API请求时,发现uni.request中的uni.showToast无效的问题可以通过使用组件库的Toast来解决。具体方法如下: 1. 首先,在main.js中导出Vue实例。 2. 在封装API请求的js文件中引入Vue实例。 3. 在request的success回调函数中,使用组件库中的Toast来显示请求成功的提示信息。 例如,可以在success回调函数中使用以下代码来替代uni.showToast: ```javascript vue.$u.toast('请求成功'); ``` 这样就可以解决uni.request中uni.showToast无效的问题。引用<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [解决uni.request时uni.showtoast无效问题](https://blog.csdn.net/qq_58648235/article/details/126657846)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [uniapp封装uni.request请求方法(含请求期间的Loading样式)](https://blog.csdn.net/weixin_43242112/article/details/108019404)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [uniapp如何封装uni.request和uni.uploadFile两种请求](https://blog.csdn.net/Super_ke1/article/details/130793719)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值