ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

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

注释很详细,直接上代码

上一篇

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

源码:

utils/testAPI.js

const testAPI={/*** * @param {*} title */simpleToast(title='提示'){//可传参,默认为‘提示’wx.showToast({title:title,icon:'none',duration:2000,mask:true//加上蒙版防止误触})}}//导出
export default testAPI

app.js

import testAPI from "./utils/testAPI"
//注册到全局wx对象上,当然也可以在页面的js里面注册单独给某个页面使用
wx.testAPI=testAPIApp({globalData: {},})

index.js

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

效果演示:

在这里插入图片描述

返回列表