在调用方法过程中 报错如下: 代码如下: 报错原因: 因为在success回调方法中,success函数实际是一个闭包 , 无法直接通过this来setData 所以 要解决这个问题 解决方法: 提前在success回调函数外就获取到this,然后在回调函数中使用
转载
2018-05-23 17:39:00
456阅读
2评论
1、block标签不渲染在页面上,只是包含元素用的,用法:集体显隐
2、直接修改 Page实例的this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。
3、由于setData是需要两个线程的一些通信消耗,为了提高性能,每次设置的数据不应超过1024kB。
4、不要把data中的任意一项的value设为undefi
先科普下 setData 做的事情:在数据传输时,逻辑层会执行一次 JSON.stringify 来去除掉 setData 数据中不可传输的部分,之后将数据发送给视图层。同时,逻辑层还会将 setData 所设置的数据字段与 data 合并,使开发者可以用 this.data 读取到变更后的数据。因此频繁调用,视图会一直更新,阻塞用户交互,引发性能问题。但频繁调用是常见开发场景,能不能频繁调用的同
好不容易才找到的官网的这段介绍 api文档里 压根没提 懒的话 放个链接也行啊 丢到那个角落 谁找的到下面是原文setDatasetData 是小程序开发中使用最频繁的接口,也是最容易引发性能问题的接口。在介绍常见的错误用法前,先简单介绍一下 setData 背后的工作原理。工作原理小程序的视图层目前使用 WebView 作为渲染载体,而逻辑层是由独立的 JavascriptCore 作为运行环境
转载
2024-04-23 12:23:58
179阅读
问题的原因:无法找到setData这个定义,因为setData中是onLoad函数中的方法中的子节点,无法使用this解决办法:这个时候需要在方法的开始部分定义var that = this,然后用that.setData来重置,这样就解决了这个问题了。如下图:...
原创
2023-03-07 00:18:19
10000+阅读
写在前面在 JS 脚本使用 this.setData 方法可以把 WXML 模板中绑定的变量设置成其值。这也是逻辑层与渲染层最直接的交互方式。文档中将其称为数据驱动。在开发UI界面过程中,程序需要维护很多变量状态,同时要操作对应的UI元素。随着界面越来越复杂,我们需要维护很多变量状态,同时要处理很多界面上的交互事件,整个程序变得越来越复杂。通常界面视图和变量状态是相关联的,如果有某种“方法”可以让
转载
2024-08-29 21:24:08
126阅读
对于setData普通数据类型而言,没什么讲究
但是对于数组而言,再直接修改一个完整的数组显得有些多余,首先写着不简易,其次效率很是滴。
比如
你都能觉得复杂,官方肯定是有对应的优化的。
官方demo
Page({
data: {
array: [{text: 'init data'}],
},
changeItemInArray:
原创
2018-09-13 20:14:00
424阅读
一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的,而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗? 二、正文 this.data可以获取页面data对象,但是它返回的对象到底是新的对
转载
2019-01-10 10:35:00
416阅读
2评论
所以对于这
转载
2019-08-18 10:30:00
163阅读
2评论
微信小程序中经常需要用到this.setData({})把变量值渲染到视图层,那到底什么是this.setData,如何使用?需要注意哪些?作为一个初学者,分享一点我的经验,希望大家批评指正介绍:setData函数主要用于将逻辑层数据发送到视图层,同时对应的改变this.data.x的值。 参数:Object 以 key : value 的形式表示,将 this.data 中的 key 对应的值
转载
2024-04-25 17:14:54
120阅读
解决方案 https://www.jianshu.com/p/4f7b33e3e1df
对比分析
success: (res) => {
console.log("(res) => { }时:" + this);
},
--------------
success: function (res){
console.log("fun
原创
2021-07-12 11:27:41
683阅读
setData
原创
2018-02-04 07:51:01
5280阅读
1评论
解决方案https://www.jianshu.com/p/4f7b33e3e1df对比分析success: (res) => { console.log("(res) => { }时:" + this); },--------------success: function (res){ console.log(...
原创
2022-04-18 14:44:23
10000+阅读
小程序代码组成配置 —— JSON文件模板 —— WXML文件样式 —— WXSS文件逻辑 —— JavaScript文件JSON 配置JSON 是一种数据格式,并不是编程语言。小程序中,JSON用于静态配置。注意: 小程序中是无法在运行过程中去动态更新JSON配置文件从而发生对应的变化的。JSON 语法相比于XML,JSON格式的最大优点是易于阅读和编写,是一种轻量级的数据交换格式。JSON文件
转载
2024-04-17 17:15:11
499阅读
转载
2019-12-03 16:53:00
129阅读
2评论
1. setData 不方便的地方 这个方法会帮我们深度改变嵌套对象里对应的属性值,跳过数组项里不想改变的,只设置我们提供了的属性值、数组项,岂不是省略了一大堆蹩脚的代码,而且可读性也极佳呢。 2. wx-updata 的优点 3. wx-updata 安装 4. wx-upd…
原创
2021-09-08 17:17:32
178阅读
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可。现在给大家讲一下微信小程序的wx.request请求服务器获取数据的用法。官方文档给出了示例代码,但是我这边自己进行了简单的处理:index.jsconst app = getApp()
Page({
data: {},
转载
2024-08-16 10:56:56
96阅读
本文为微信小程序开发的学习总结2.1 JSON 配置JSON 是一种数据格式,在小程序中起静态配置的作用。JSON 在小程序运行之前就决定了小程序一些表现,需要注意的是小程序是无法在运行过程中去动态更新JSON 配置文件从而发生对应的变化的。2.1.1 JSON 语法JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。JSON的Key必须包裹在一个双引号中且无法使用
转载
2024-07-01 07:22:35
150阅读
配置文件详解主配置文件app.json主配置文件位于主目录中,用于进行全局配置。包括页面文件的路径、窗口表现、设置网络超时时间、设置多tab等下面通过微信最初自带小程序来学习{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
转载
2024-03-16 00:10:43
175阅读
同学们大家好,我是小伊同学,今天我们继续来学习微信小程序云开发教程。今天主要给大家讲解一下json配置部分的知识。 JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。 JSON文件的内容都是一个JSON对象,被包裹在一个大括号中{},通过key-value的方式来表达数据。 大家在前面的教程中已经学过了js的基本语法,那么js对象在配置文件中的区别就是这里的key是固定的,小程序框架已经指定了我们能配置哪些key,key的...
原创
2021-06-17 12:29:47
1763阅读