微信小程序(四十)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')
   }
});

效果演示:

相关推荐
2501_915909066 小时前
iOS 证书创建与管理 类型限制 p12 密码与云备份实操
android·ios·小程序·https·uni-app·iphone·webview
拖孩1 天前
用 AI 重解千年观音灵签,做了一个微信小程序,每天摇一摇,命运给你回应
前端·后端·微信小程序
黄华SJ520it1 天前
顶俏洗衣液模式制度开发介绍:S2B2C社交分销+多门店核销系统全解析
前端·数据库·小程序·零售·系统开发
北极糊的狐1 天前
钉钉小程序报错data.formatTime is not a function是因为 axml 模板中不能直接调用 Page 内自定义方法!
java·小程序·钉钉
java1234_小锋1 天前
【免费】微信小程序网约车(打车,在线叫车,移动出行)系统(SpringBoot4+Vue3) 锋哥原创出品,必属精品
微信小程序·网约车·在线叫车·移动出行
show4332 天前
多格式导出怎么做?2026免费小程序TXT/SRT实践
开发语言·小程序·c#
AI砖家2 天前
AI编程—微信小程序开发规范
微信小程序·小程序·notepad++·ai编程
show4333 天前
2026小程序端视频转文字技术对比:识别引擎精度实测
小程序·音视频
sam-zy3 天前
微信小程序+ESP8266+Arduino 开发智能插座,有本地OTA功能
微信小程序·小程序
A24207349303 天前
微信小程序开发:常用基础语法与指令详解
微信小程序·小程序·notepad++