当前位置: 首页 > article >正文

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

效果演示:

在这里插入图片描述


http://www.kler.cn/a/234089.html

相关文章:

  • 容器技术在持续集成与持续交付中的应用
  • 批量从Excel某一列中找到符合要求的值并提取其对应数据
  • 一文窥见神经网络
  • web实操5——http数据详解,request对象功能
  • 【OpenEuler】配置虚拟ip
  • MySQL —— MySQL逻辑架构与查询过程
  • 【J2EE笔记】2万字!我当时学习时做的笔记
  • vue3 之 商城项目—项目搭建起步
  • JAVA学习笔记9
  • 力扣[面试题 01.02. 判定是否互为字符重排(哈希表,位图)
  • 使用client-only 解决组件不兼容SSR问题
  • 【十四】【C++】list 的常见用法
  • 【Qt 学习之路】在 Qt 使用 ZeroMQ
  • Rust基础拾遗--核心功能
  • 深入探究 HTTP 简化:httplib 库介绍
  • 用EXCEL从地址(上海)中提取各区(浦东新区等区)信息
  • 【笔记】Harmony学习:下载安装 DevEco Studio 开发工具IDE
  • Stable Diffusion 模型下载:GhostMix(幽灵混合)
  • 海外云手机——平台引流的重要媒介
  • NAS如何成为生产力?使用绿联DX4600 Pro搭建图床并实现创作自由
  • Solidworks:平面草图练习
  • 前端小案例——动态导航栏文字(HTML + CSS, 附源码)
  • C# CAD交互界面-自定义面板集-添加快捷命令(五)
  • 机器学习2--逻辑回归(案列)
  • 大数据Flume--入门
  • C 语言学习七:指针