微信小程序(四十)API的封装与调用

注释很详细,直接上代码

上一篇

新增内容:
1.在单独的js文件中写js接口
2.以注册为全局wx的方式调用接口

源码:

utils/testAPI.js

js 复制代码
const testAPI={
    /**
     * 
     * @param {*} title 
     */
    simpleToast(title='提示'){//可传参,默认为'提示'
        wx.showToast({
          title:title,
          icon:'none',
          duration:2000,
          mask:true//加上蒙版防止误触
        })
    }

}

//导出
export default testAPI

app.js

js 复制代码
import testAPI from "./utils/testAPI"
//注册到全局wx对象上,当然也可以在页面的js里面注册单独给某个页面使用
wx.testAPI=testAPI

App({
    globalData: {

    },

})

index.js

js 复制代码
Page({
    
   onLoad(){  //小程序开始时调用
    wx.testAPI.simpleToast('hello world')
   }
});

效果演示:

相关推荐
weixin_177297220697 分钟前
剧本杀小程序开发:如何通过数据驱动提升用户体验?
小程序·ux·剧本杀
小着1 小时前
微信小程序组件中二维码生成问题解决方案
前端·微信小程序
sen_shan1 小时前
《微信小程序》第六章:参数定义与管理
微信小程序·小程序
他们叫我秃子5 小时前
从 0 到 1,我用小程序 + 云开发打造了一个“记忆瓶子”,记录那些重要的日子!
前端·微信小程序·小程序·云开发
2501_915106325 小时前
iOS 反编译防护工具与实战组合 从静态侦察到 IPA 成品加固的工程化路径
android·ios·小程序·https·uni-app·iphone·webview
星光一影5 小时前
快递比价寄件系统技术解析:基于PHP+Vue+小程序的高效聚合配送解决方案
vue.js·mysql·小程序·php
苹果电脑的鑫鑫6 小时前
微信小程序原生如何使用画布生成名片
微信小程序·小程序
Dragon Wu7 小时前
Taro 自定义tab栏和自定义导航栏
前端·javascript·小程序·typescript·前端框架·taro
游戏开发爱好者88 小时前
iOS 26 iPhone 使用记录分析 多工具组合构建全方位设备行为洞察体系
android·ios·小程序·uni-app·cocoa·iphone·webview
星光一影21 小时前
Java医院管理系统HIS源码带小程序和安装教程
java·开发语言·小程序