微信小程序的全局弹窗以及全局实例
2024-08-23 15:48:41
全局组件
微信小程序组件关系中,父组件使用子组件需要在父组件index.json
中引入子组件,然后在父组件页面中使用,这种组件的对应状态是一对一的,一个组件对应一个页面。如果有一个全局弹窗(登录),那么每个页面引入一次组件会非常麻烦,这里就需要封装全局弹窗,在页面直接引入使用即可。
微信小程序提供全局组件,只需要在app.json
中引入组件,该组件就会被注册为全局组件,父组件的json
文件不需要引入组件即可使用。
"usingComponents": {
"whatStore": "/components/whatStore/index"
},
在usingComponents
中注册的组件就是全局组件,在小程序的任意页面都可以引入并使用组件
直接将组件写入页面即可,组件的使用方法和普通组件一致。
全局实例
App(Object object)
App()
必须在app.js
中调用,必须调用并且全局只能调用一次
,在App()
中有应用的的生命周期。全局函数可以写在App()
中,通过getApp()
获取App()
上挂载的方法。
// 页面上使用
let app = getApp()
console.log(app.sayHi()); // 全局函数
可以在App()
上挂载登录方法,当用户token
过期或者未登录时,通过全局函数配合全局弹窗来发起登录,也可以只调用全局函数默认刷新token
。
getApp()
在getApp()
上定义的参数为全局参数,都可以在小程序任意页面直接使用,建议将参数添加到globalData
上。
// A页面
let app = getApp()
app.globalData.params = '全局参数'
// B页面
let app = getApp()
console.log(app.globalData.params ) // 全局参数
最新文章
- javascript格式化table标签内容
- ubuntu文件夹建立软链接方法
- 【Tree 2】树形结构数据呈现的非递归算法(循环)实现
- [ACM_图论] The Perfect Stall 完美的牛栏(匈牙利算法、最大二分匹配)
- java集合类总结二
- HDU 5430 Reflect(欧拉函数)
- sdk 命令行
- php中json_decode()和json_encode()
- Truncate Table user
- 网易云数据结构- Maximum Subsequence Sum
- windows编程之菜单操作
- 极化SAR图像基础知识(2)
- Hadoop配置第2节-JDK的安装
- 烽火R2600交换机配置脚本
- Day08 - Ruby比一比:String的+=与concat串接
- day41
- 10.11 Linux网络相关 10.12 firewalld和netfilter 10.13 netfilter5表5链介绍 10.14 iptables语法
- Alpha阶段敏捷冲刺---Day7
- SGU326_Perspective
- 条款25:考虑写出一个不抛出异常的swap函数
热门文章
- Spring04:JdbcTemplate及事务控制(AOP、XML、注解)
- JavaEE Day13 Tomcat和Servlet
- Relational Learning with Gated and Attentive Neighbor Aggregator for Few-Shot Knowledge Graph Completion 小样本关系学习论文解读
- python 之选择结构(if --elif --else)
- python 实现RSA数字签名
- uniapp 微信小程序 引入 环信聊天
- 开源库libcli的安装与使用
- electron中使用adm-zip将多个excel文件压缩进文件夹,使用XLSX以及XLSXStyle生成带样式excel文件
- 跟光磊学Java-macOS版Java8开发环境搭建(基于Intel x86 64-bit)
- [机器学习] sklearn聚类