微信小程序中onLoad中不能用this.data.***来设置数据

最新推荐文章于 2023-06-19 08:41:20 发布
最新推荐文章于 2023-06-19 08:41:20 发布
阅读量1.7w 收藏 2
点赞数 1
分类专栏： 微信小程序 文章标签： 微信小程序 this.data
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yehuaner33/article/details/82664822
版权

一开始看看七月老师的视频的时候，讲的是在onLoad函数中可以使用this.data来重置数据，可到我这怎么就不行，后来才看到七月老师已经指出来不可以用this.data了，只能用this.setData（大概是因为当时录视频的时候还可以用吧）

xiaoShengSanYue
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信小程序 数据绑定及运算的简单实例
01-03
微信小程序 数据绑定的简单实例 简单用法： Page({ data: { message: '张三' } }) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date: 2020年 10月 8日 , title：时间群 , nameData:{ name1:张三李四, name2:人五人六， }, fade：true/false } this.setData(conten
微信小程序中的onLoad详解及简单实例
最新发布
weixin_42017221的博客
02-08 1437
onLoad是小程序中页面的生命周期函数之一，表示页面加载时会触发该函数，通常用于数据的初始化。
微信小程序使用navigateTo数据传递的实例
12-09
微信小程序使用navigateTo数据传递的实例 1，传递基本数据类型 index.js 发送页JS Page({ data: { testStr: '字符串str' }, onLoad: function () { }, next: function(e){ wx.navigateTo({ url: '/pages/test/test?str='+this.data.testStr, }) } }) test.js 接受页JS Page({ data:{ }, onLoad:function(options){ console.log("接收到的
微信小程序 动态修改页面数据及参数传递过程详解
12-13
在小程序中我们经常要动态渲染数据，对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致，因为我们用“=”修改数据的，这种是可以修改，但无法改变页面的状态的，还会造成数据不一致，代码如下： data: { array: [{ text: '数组' }] } onLoad:function(){ 　　this.data.array[0].text=1; 　　console.log(this.data.array[0].text); } 修改代码： onLoad:function(){ // this.data.array[0].text=1; this.setDat
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
01-03
本文实例讲述了微信小程序使用wx.request请求服务器json数据并渲染到页面操作。分享给大家供大家参考，具体如下： 微信小程序的数据总不能写死吧，肯定是要结合数据库来做数据更新，而小程序数据主要是json数据格式，所以我们可以利用php操作数据库，把数据以json格式数据输出即可。现在给大家讲一下，微信小程序的wx.request进行服务器数据请求的用法： 官方文档给出了示例代码，但是我这边自己进行了简单的处理： index.js Page({ data: { }, onLoad: function () { var that = this wx.request({
小程序下拉刷新，恢复页面原样
10-31 1514
小程序下拉刷新，恢复页面原样 下拉刷新走的是下面的方法 onPullDownRefresh: function() {} 在刷新并请求数据之后，需要手动结束下拉刷新的状态，才能恢复列表的原样。不然，下拉的那一段可能会持续很久才恢复，或者可能不会恢复。 微信的API文档中提到了关于下拉刷新的方法 wx.startPullDownRefresh({ success: Function, ...
微信小程序的生命周期-onLoad
m0_51930636的博客
04-24 1194
需要注意的是，在 Vue.js 中，data 中定义的数据是响应式的，如果你直接修改 data 中的数据，会触发组件的重新渲染。但是，在微信小程序中，data 中定义的数据不是响应式的，因此修改 data 中的数据不会自动触发组件的重新渲染。如果你需要在 onLoad 生命周期中访问 data 中的数据，可以使用 this.data 来访问，但如果你需要修改 data 中的数据，建议在 onReady 生命周期中或者之后的生命周期中进行修改。data 中定义的数据是组件的初始数据，在组件创建时被赋值。
小程序开发之onLoad中this.data.xxx赋值失败
荒的博客
06-12 1491
查阅多篇文章文档，目前onLoad中this.data.xxx=xxx赋值直接失败，现在赋值方法只能使用 this.setData({ key:value })
微信小程序基础知识--------this.data 失效的方法
zyddd131452的博客
06-19 602
this.setData({ //this放在wxrequest 异步执行中会报错。//this.data.menutop=menu.top 错误。//this.data.menutop=menu.top 错误。//this.data.menutop=menu.top 错误。//从服务器获取数据,条件isgood>0。//从服务器获取数据,条件isgood>0。//从服务器获取数据,条件isgood>0。
uniapp 在onLoad获取本页data及从本地缓存中同步获取数据
m0_71372639的博客
08-23 7558
uniapp 在onLoad获取本页data及从本地缓存中同步获取数据
微信小程序Page中data数据操作和函数调用方法
01-03
text: This is page data., sliderOffset: 0, sliderLeft: 0, state:{ genre:[], genre_index: 0, model:[], model_index: 0, terminalStatus:'', } }, onLoad: function(options) { /
遇到问题2：onLoad中使用setData无效
qq_43751407的博客
02-13 910
loginshow}),这样会提示loginshow未定义，只能直接赋值that.setData({ loginshow: true}) 或者 提前定义 let loginshow = true,然后that.setData({ loginshow: loginshow})。
微信小程序 页面data的修改，必须用setData
m0_50129426的博客
07-06 795
微信小程序 页面data的修改，必须用setData
太坑： 微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）的坑
QQ2856639881的专栏
03-15 4243
https://www.jianshu.com/p/49c153fca075 在写一个业务逻辑的时候遇到一个问题。。小程序wxml的数据在你返回微信主页的时候是不算退出的，只能算onhide，并且小程序没有给退出小程序的监听方法，之前看文章说用信号量来监测，确实可以实现一部分，但是如果小程序有tabbar的话，，这个方法也不好使。所以我遇到的问题就是，第一次扫码进入一个小程序，刷新出来数据以后，...
微信小程序中页面生命函数onLoad中不能用this.data.***来设置数据
qq_40780488的博客
07-11 2622
微信小程序中页面生命函数onLoad中不能用this.data.***来设置数据 记录学习小程序踩的坑：在onLoad函数中不可以使用this.data来重置数据，只能用this.setData
微信小程序中this关键字使用技巧
oldcoder2000的博客
06-24 1865
最近开发小程序发现一个很奇怪的问题，有些情况下用 this.setData 可以改变视图显示，有些情况下使用this.setData无效，需 const that = this; that.setData({ xx }); 使用 that 来保存当前的this状态，这样才能更新视图。 i...
关于微信小程序this.data方法的不能实现数据调用的解决方法
热门推荐
LeeCH的博客
08-31 2万+
今天做小程序时遇到一个小小的问题,在调用this.data方法的时候发现数据并不能传递过去 onLoad: function(option) { var postId = option.id; var postData = postsData.postList[postId]; this.data.postdata = postData; }, 然后我分别在页...
微信小程序i18n不支持this.$t
05-20
微信小程序中使用i18n进行多语言切换，需要先引入i18n插件，并在app.js中进行初始化配置。使用this.$t进行翻译时，需要在页面的js文件中引入i18n插件并调用对应的方法来实现翻译。 具体实现步骤如下： 1. 在app.js中引入i18n插件并进行初始化配置。 ``` const i18n = require('./utils/i18n') App({ onLaunch: function () { i18n.init() } }) ``` 2. 在utils文件夹下新建i18n.js文件，并编写i18n插件。 ``` const langData = require('./langData.js') function init() { let lang = wx.getStorageSync('lang') || 'zh' // 获取当前语言 wx.T = function (key, lang = 'zh') { // 将翻译函数挂载到全局 let data = langData[lang] || {} let value = data[key] || key return value } } module.exports = { init } ``` 3. 在utils文件夹下新建langData.js文件，并编写多语言数据。 ``` module.exports = { zh: { hello: '你好', world: '世界' }, en: { hello: 'Hello', world: 'World' } } ``` 4. 在页面的js文件中引入i18n插件并调用对应的方法来实现翻译。 ``` const i18n = require('../../utils/i18n') Page({ data: { hello: '', world: '' }, onLoad: function () { this.setData({ hello: i18n.T('hello'), // 使用默认语言进行翻译 world: i18n.T('world', 'en') // 使用英语进行翻译 }) } }) ``` 注意：微信小程序中不支持使用this.$t进行翻译，需要自定义翻译函数来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值