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

效果演示:

相关推荐
CHU7290352 小时前
定制专属美丽时刻:美容预约商城小程序的贴心设计
前端·小程序
hnxaoli8 小时前
统信小程序(十)nutika打包elf格式程序
小程序
CHU7290358 小时前
家门口的邻里集市:社区团购小程序的功能探索
小程序
hnxaoli9 小时前
统信小程序(十一)快捷地址栏
linux·python·小程序
职豚求职小程序12 小时前
中国人保财险笔试如何通过?附刷题库小程序
小程序
chushiyunen12 小时前
python轻量级框架flask、做桌面小程序
python·小程序·flask
笨笨狗吞噬者13 小时前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海14 小时前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
00后程序员张16 小时前
iPhone 无需越狱文件管理 使用Keymob查看导出文件
android·ios·小程序·https·uni-app·iphone·webview
毕设源码-朱学姐16 小时前
【开题答辩全过程】以 基于微信小程序的运动减肥管理系统设计与实现为例,包含答辩的问题和答案
微信小程序·小程序