微信小程序(四十)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=testAPI
App({
globalData: {
},
})
index.js
Page({
onLoad(){ //小程序开始时调用
wx.testAPI.simpleToast('hello world')
}
});
效果演示: