-
2022-02-20 10:18:44
当一个文件在后台下载,我们需要当文件下载成功后,自动进行一些行为(弹出一个下载成功的弹窗或者刷新当前页面);
以微信小程序的下载为例,通过app.js里的全局变量来对其他页面进行通知
// app.js App({ globalData: { userInfo: null }, watchProperty: function (method = function () {}, atrrs, value ) { var obj = this.globalData; Object.defineProperty(obj, atrrs, { configurable: true, enumerable: true, set: function (_value) { value = _value; method(value); }, get: function () { return value; } }) }, })
参数method为我们希望该值改变后所执行的函数,
atrrs为我们想要监听的全局变量,
value为全局变量的初始值。
其他页面的使用
onLoad() { const app = getApp(); app.watchProperty(this.updata, 'new_atrrs', 'old_value'); //下面的定时器可以在其他页面使用,例如其他页面的异步操作完成后,改变app.globalData.new_atrrs值,那么就会触发这个页面的updata()函数 setTimeout(() => { app.globalData.new_atrrs = 'new_value' },5000); }, updata() { console.log(app.globalData.new_atrrs); const pages = getCurrentPages(); const perpage = pages[pages.length - 1]; //页面刷新 // perpage.onLoad({ // id: ''//传入页面参数 // }); //perpage便是该页面的Page实例,perpage === this perpage.one(perpage);//给函数one传入Page实例的值,那么我们便可以使用该页面的任意函数 }, one(_this) {//通过_this接受this值,解决this指向问题 _this.setData({ one:0, two:1, three:0 }) console.log(_this.data.one);//=> 0 },
监听数据完成
更多相关内容 -
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2020-10-16 08:03:43主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 -
微信小程序全局变量改变监听的实现方法
2020-12-01 07:50:58当时想到的就是使用全局变量,在 app.js 中定义好全局变量,点击组件页面时就修改全局变量的值,父页面同样使用全局变量的值,这样一来就可以动态打开/关闭弹出层且传递值了。 下面先看看 app.js 中怎么定义的: ... -
微信小程序全局变量功能与用法详解
2021-01-03 08:17:49本文实例讲述了微信小程序全局变量功能与用法。分享给大家供大家参考,具体如下: 全局变量的作用 在微信小程序开发中,会遇到一个很实际的应用场景,就是一个变量会在多个页面进行使用。 例如: 1. 在微信小程序... -
微信小程序全局变量的设置、使用、修改过程解析
2021-01-03 09:55:121. 全局变量的设置 在miniprogram > app.js 文件中设置,globalData对象就是存储全局变量的。 App({ globalData: { hasLogin: false, openid: null }, onLaunch: function () { } }) 2.全局变量的使用 在app.... -
微信小程序 全局变量
2021-06-09 11:25:13(1)微信小程序全局变量实时改变 https://blog.csdn.net/baozaobenren/article/details/103935183 (2)微信小程序全局变量的设置、使用、修改 https://blog.csdn.net/weixin_30853329/article/details/101519888 ...参考链接:
(1)微信小程序全局变量实时改变
https://blog.csdn.net/baozaobenren/article/details/103935183
(2)微信小程序全局变量的设置、使用、修改
https://blog.csdn.net/weixin_30853329/article/details/101519888一、全局变量的设置
在miniprogram > app.js 文件中设置,globalData对象就是存储全局变量的。
App({ globalData: { hasLogin: false, openid: null }, onLaunch: function () { } })
二、全局变量的使用
在app.js文件中,直接使用,如:
var getHasLogin = this.globalData.hasLogin
在其他非app.js文件中使用,需要先申明app变量,如:
var app = getApp() var getHasLogin = app.globalData.hasLogin
三、全局变量的修改
在app.js文件中:
this.globalData.hasLogin = true
在其他非app.js文件中修改:
var app = getApp() /*或定义在页面开头、Page之外 const app = getApp()*/ app.globalData.hasLogin = true
四、监听当前页面所修改的全局变量
改变全局值的话只有在页面第一次进来的时候页面值会改变,想过监听数值,但没有成功,然后试着在onshow页面赋值在页面显示。
然后就可以了。 -
微信小程序全局变量如何赋值
2021-01-13 20:53:00微信小程序全局变量如何赋值小程序中全局变量可以定义在globalData中,下面就来介绍下globalData的使用方法。推荐学习:小程序开发1、首先在app.js中对全局变量进行定义App({onLaunch: function () {},globalData: {...微信小程序全局变量如何赋值
小程序中全局变量可以定义在globalData中,下面就来介绍下globalData的使用方法。
推荐学习:小程序开发
1、首先在app.js中对全局变量进行定义App({
onLaunch: function () {
},
globalData: {
age: "18"
}
})
2、然后在某个页面中引用这个全局变量
首先在该文件下声明var app=getApp(); 然后对全局变量进行引用和赋值。//将全局变量的值赋给页面的一个变量
//index.js
var app = getApp()
Page({
data: {
age: ""
},
onLoad: function () {
this.setData({
age: app.globalData.age,
});
}
})
3、若要更改全局变量,也就是重新赋值,可以这样写//更改全局变量的值
var app = getApp()
Page({
data: {
age: ""
},
onLoad: function () {
app.globalData.age="20"
console.log(app.globalData.age)
}
})
更多微信小程序开发教程,请关注PHP中文网!
-
微信小程序全局变量的定义、使用、修改
2022-05-07 15:38:411、全局变量的定义 找到根目录下的app.js 在app.js内定义全局变量 //app.js App({ //定义全局变量 globalData:{ name:"狂徒张三", tel:"13888888888" }, }) 2、全局变量的使用 在需要使用的某xxx.js文件内: ...1、全局变量的定义
找到根目录下的app.js
在app.js内定义全局变量
//app.js App({ //定义全局变量 globalData:{ name:"狂徒张三", tel:"13888888888" }, })
2、全局变量的使用
在需要使用的某xxx.js文件内:
//xxx.js var app = getApp();//获取app变量 Page({ console.log(app.globalData.name); console.log(app.globalData.tel); })
3、全局变量的修改
//xxx.js var app = getApp();//获取app变量 Page({ app.globalData.name = "张三" app.globalData.tel = "888888" })
-
微信小程序全局变量的两种方式
2021-12-16 15:35:54一、app.js里面定义全局变量 //app.js App({ //全局变量 globalData:{ userName:"小红", userPhone:"10086" }, }) 使用方法 //xxx.js //获取app变量 var app = getApp() Page({ var userName = app.global... -
微信小程序全局变量globalData
2021-09-13 11:54:221.在app.js目录里写 // app.js App({ onLaunch() { // 展示本地...获取全局的变量(注意,var要在page外面写) var appInstance = getApp() onLoad: function (options) { console.log(appInstance.globalData.browse) } -
微信小程序全局变量(globalData)和缓存(StorageSync)的区别和用法
2022-03-04 15:56:222、全局变量每次关闭小程序重新打开的时候,都会进行初始化更新。 二、缓存(StorageSync)本地存储,storage 更像是本地的数据库,可以保存更久,一般用于: 1、小程序中的本地存储有同步功能,可用于保存用户信息... -
微信小程序全局变量的使用
2019-06-26 20:21:24最近做微信小程序遇到了个问题,就是在data里面设置了一个变量来感知背景音乐的播放和暂停并用这个变量来动态的改变页面,但是当我在背景音乐开启时把页面切出来再重新切进去后这个变量就被重新渲染成我们所定义的... -
【day13】微信小程序全局变量的设置、使用、修改
2021-04-08 17:58:42全局变量的设置 在miniprogram > app.js 文件中设置,globalData对象就是存储全局变量的。 App({ globalData: { hasLogin: false, openid: null }, onLaunch: function () { } }) 2.全局变量的使用 在... -
微信小程序全局变量的赋值与应用
2020-03-03 11:38:27微信小程序全局变量的赋值与应用 先在app.js 中定义全局变量 globalData:{ username: null, password: null, }, A页面对变量赋值并引用 在A页面顶部一定要写这句话 var app = getApp() bindinput 是输入框绑定的... -
微信小程序全局变量注意这四点,让你轻松玩转全局变量
2020-08-10 10:43:41全局变量这一块,对于新手来说还是有很多坑的。注意好以下几点,让你轻松学会全局变量的使用。 第一、全局变量的定义 ...一般初始化的时候会给空值或者固定值,然后通过后期的小程序使用过程中改变全局变量 -
微信小程序全局变量赋值与调用
2019-12-18 15:55:20假设A为登录页面并将登录获得的用户信息保存到app.js中的全局变量userInfo中,然后在B页面进行使用。 [app.js] globalData:{ userInfo:null, } [a.js] wx.request({ ………… ………… success: function (res) { ... -
微信小程序全局变量改变监听
2019-07-13 11:57:00问题来源 最近工作需要写小程序页面,其中有个页面情况为:父页面中包含了一个组件页面,...当时想到的就是使用全局变量,在 app.js 中定义好全局变量,点击组件页面时就修改全局变量的值,父页面同样使用全局变量... -
微信小程序全局变量(globalData)和缓存(StorageSync)的区别和具体用法
2022-04-27 19:41:59微信小程序全局变量(globalData)和缓存(StorageSync)的区别和具体用法 一、缓存(StorageSync)本地存储 1、小程序中的本地存储有同步功能,可用于保存用户信息(用户登录后的一些基本信息) 2、缓存的更新需要... -
微信小程序全局变量数组如何取到值
2020-08-01 17:41:46代码如下,accountList有值但是全局变量app.globalData.accountList为空,请问如何解决?十分感谢! ``` onShow:function(){ console.log("初始值",this.data.accountList) for (var i = 0; i ; i++){ var ... -
微信小程序常用赋值方法小结
2020-11-28 20:53:392.微信小程序将值赋值给全局变量: “=” 或 this.setData({ }) 实例: this.data.goodName=options.goodsName this.setData({ goodName: options.goodsName }) 3.微信小程序将局部变量赋值给全局变量 : this.... -
微信小程序定义和调用全局变量globalData的实现
2020-10-16 01:42:34主要介绍了微信小程序定义和调用全局变量globalData的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 -
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2021-01-20 08:25:34微信小程序 缓存 关于本地缓存 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync) 可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.... -
微信小程序全局状态管理,并提供Vuex的开发体验
2021-01-27 10:12:31微信小程序全局状态管理,并提供Vuex的开发体验 1. 概要 微信小程序的开发体验类似vue和react,但是却没有提供全局状态管理的机制,所以状态的共享只能通过属性传递的方式来实现。这种做法在小规模的应用中尚可以...