gpt4 book ai didi

微信小程序的全局弹窗以及全局实例

转载 作者:我是一只小鸟 更新时间:2023-02-24 06:31:15 31 4
gpt4 key购买 nike

全局组件

微信小程序组件关系中,父组件使用子组件需要在父组件 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 )  // 全局参数

                        
                      

最后此篇关于微信小程序的全局弹窗以及全局实例的文章就讲到这里了,如果你想了解更多关于微信小程序的全局弹窗以及全局实例的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com