微信小程序---封装uni.$showMsg()方法

这篇具有很好参考价值的文章主要介绍了微信小程序---封装uni.$showMsg()方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当数请求失败之后,经常需要调用 uni.showToast(( /* 配置对象/ 方法来提示用户时,可以在全局封装一个 uni.showMsg()方法,来简化 uni.showToast() 方法的调用。具体的改造步骤如下:

1.在main.js中,为uni对象挂载自定义的$showMsg()方法:

uni.$showMsg = function (title =!数据加载失败!,duration = 1500){
    unishowToast((
        title,
        duration,
        icon:'none'
    })
}

2.在需要提示消息的时候,直接调用uni.$showMsg()方法即可:文章来源地址https://www.toymoban.com/news/detail-794740.html

async qetSwiperList() {
    const {data: res}  = await uni.$http.get('/api/public/v1/home/swiperdata')
    if (res .meta.status !== 20) return uni.$showMsg()
    this.swiperList = res.message
}

到了这里,关于微信小程序---封装uni.$showMsg()方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Appium微信小程序自动化之开启webview调试功能方法封装

    Appium在微信小程序自动化时,需要开启微信的webview调试功能,以方便对webview的元素进行定位。 运行代码之后,可以顺利打开微信,通过向自己发送消息并点击消息,开启webview调试功能: 看到这个页面后,表示启动微信webview调试功能启动生效。 欢迎技术交流:

    2024年04月13日
    浏览(47)
  • 微信小程序中封装请求,使用Async await方法,将异步请求变为同步请求方法

    介绍 微信小程序中,很多 API 都是异步的,无法同步处理。可以使用高级封装,通过 async await 方法来同步处理。 方法 在小程序右上角的 详情 里选择 本地设置 , 勾选 ES6转ES5 ,如下所示: 由于 Async Await 是 ES7 语法,所以在小程序里勾选 es6 转 ES5 会报错: ReferenceError: regene

    2024年02月08日
    浏览(55)
  • 微信小程序-切换语言(国际化i18n)的方法封装

    最近做的一个小程序的项目, 涉及到了 多语言的切换 , 就想到了之前vue用的多语言插件i18n, 就尝试着在微信开放社区搜了一下, 没有具体的实现, 但是提供了大致的实现思路, 如下: 又结合了很多大佬的分享经验, 试着去封装了一个微信的i18n方法 首先, 我们需要明确一下需要实

    2024年02月05日
    浏览(47)
  • uni-app 应对微信小程序最新隐私协议接口要求的处理方法

    https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncementannounce_id=11691660367cfUvXversion=lang=zh_CNtoken= vue2版本 vue3版本 vue2版本 vue3版本(建议点击事件触发)  

    2024年02月07日
    浏览(67)
  • 微信小程序封装请求

    封装请求 解决的问题 很多页面中请求的 url 前半部分都是一样的,重复书写导致页面代码冗余复杂同时逻辑容易不清晰,所以采用单独将请求封装成一个文件(模块)使得这些问题得到解决。 前期基础知识 uni.request(wx.request) Promise 具体步骤 创建文件夹及文件 在根目录下

    2024年02月11日
    浏览(45)
  • 微信小程序封装组件

    在日常开发中,有页面之间有很多相似的组件,我们可以对其相似的代码块进行封装,进行复用 先在根目录下创建一个component文件夹 在里面创建一个目录wMyTop文件夹,然后右键点击Component创建一个组件输入wMyTop,回车 然后在wMyTop.json中把\\\"component\\\": true,改为true,意思就是开启

    2024年02月09日
    浏览(42)
  • 微信小程序网络请求封装

    网络请求地址放到url.js中,分别制定开发环境,体验环境,线上环境 网络请求的方法放到request.js中,暴露get、post、wxLogin方法 请求前显示加载中,请求结束后隐藏加载中 请求的接口方法,放到api.js中,并调用request.js中对应的方法 2.1 请求地址(url.js) 2.3 具体的请求方法(api.

    2024年02月15日
    浏览(42)
  • 微信小程序promise封装

    一. 在utils文件夹内创建一个request.js  写以下封装的  wx.request()  方法  二 . 在项目中,新建一个 API 文件夹,用来做请求接口 模块化管理,这么做的原因是,虽然我们的请求接口封装了,但是整个项目中,调用接口的地方太多了,如果直接在各自页面中调用,也会显得代码

    2024年02月03日
    浏览(52)
  • 微信小程序 封装request请求

    创建 utils 文件夹后创建 api 文件夹创建 request.js 创建 index.js

    2024年02月15日
    浏览(50)
  • 微信小程序uni-app

    小程序 是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。 微信开发文档 1、工作原理 网页开发,渲染线程和脚本是互斥的

    2024年02月10日
    浏览(123)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包