uni.$on 里 uni.showToast 失效
时间: 2024-01-06 17:21:35 浏览: 45
uni.$on 里的 uni.showToast 失效的原因是与 wx.showLoading 冲突了,两者调用了同一个框。在请求拦截器中,uni.showLoading({ title: '数据加载中...' }) 会导致 uni.showToast 不显示或者闪一下就没了。解决办法是使用定时器 setTimeout(() => { uni.showToast({ title, icon, duration }) }, 0) 来延迟调用 uni.showToast,避免与 uni.showLoading 冲突。
相关问题
uni-app开发小程序通过Vue.prototype.$showToast = showToast;挂在函数报错 _this.$showToast is not a function
uni-app是一个基于Vue.js的跨平台开发框架,可以同时开发iOS、Android、H5等多个平台的应用。在uni-app中,可以通过Vue.prototype来扩展全局方法或属性。
根据你提供的错误信息,报错提示"_this.$showToast is not a function",可能是因为在挂载函数时出现了问题。请确保以下几点:
1. 确认showToast函数已经正确定义,并且在Vue.prototype上挂载了该函数。可以在main.js或者App.vue中进行挂载,示例代码如下:
```javascript
// main.js 或 App.vue
Vue.prototype.$showToast = function(message) {
// 实现具体的弹窗逻辑
// ...
}
```
2. 确认调用该函数的地方使用的是正确的语法。在uni-app中,可以使用this.$showToast来调用全局挂载的函数。
如果以上两点都没有问题,但仍然报错,请提供更多的代码或错误信息,以便我能够更准确地帮助你解决问题。
uni.showToast complete失效
在Uni-app中,uni.showToast的complete回调失效的问题可能是由于uni.hideLoading默认自动隐藏的时间导致的。解决这个问题的办法是使用组件库的Toast,比如Uview提供的Toast组件。另外,你也可以使用wx.showToast API来显示消息提示框,它支持自定义图标和持续时间。如果在真机测试中发现调用showToast不显示或者只闪一下就消失了,这可能是因为与wx.showLoading存在冲突,两者调用的是同一个框。你可以尝试解决冲突问题或者使用其他方式来显示提示信息。<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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [详解微信小程序开发之——wx.showToast(OBJECT)的使用](https://download.csdn.net/download/weixin_38592332/14878023)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [uni真机showToast不显示](https://blog.csdn.net/weixin_39520640/article/details/106692628)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]