微信小程序 setData

最新推荐文章于 2024-09-10 09:00:00 发布
最新推荐文章于 2024-09-10 09:00:00 发布
阅读量1.1w 收藏 2
点赞数 1
分类专栏： # 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010095372/article/details/53463105
版权
OK ，是在下输了，微信小程序里 js文件的setData,用 
this.setData({})
是行不通的，得先给this赋个值，一般是这样的 
var that = this

that.setData({})



然后就来坑了，var that = this ，不能写在全局变量，也不能写在网络请求里，写在函数里的第一句是最保险的，我真是不知道为什么这样子









                

        

        

    

  


    

      

        

            

              
                
                  赫凯
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
微信小程序使用setData方法修改data中对象或数组的属性值

				
			

			

				

					qq_39702981的博客
				

				

					01-09
					
					5261
					
				

			

		

		

			
				
微信小程序使用setData方法修改data中对象或数组的属性值

使用微信小程序开发时，涉及到data的修改一般使用微信官方推荐的setData方法，按使用情况分别操作如下：



一、直接修改data的某个属性



二、修改data里的数组或对象的属性

如果按照第一种方法操作，编辑器会报错，此时我们只需将数组或对象的属性转换成字符串，再用中括号括起来就可以修改了：


----------...

			
		

	



                

              
                



	

		

			

				
					
微信小程序 setData动态变量值整理

				
			

			

				

					q1ngqingsky的博客
				

				

					01-25
					
					1904
					
				

			

		

		

			
				
1. 直接修改的情况下：


Page:{
    data:{
        isDisable: false,
        form:{
            age: 20,
            name: '里斯',
        }    
    },
    
    methods: {
        setName(){
            this.setData({
                // 修改并保存更新至wxml页面上
               

			
		

	



                


  
              

                


	

		

			

				
					
微信小程序 - setData

				
			

			

				

					Ellasun_web的博客
				

				

					04-26
					
					1719
					
				

			

		

		

			
				
3、直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如。函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的。，并且不需要在 this.data 中预先定义。

			
		

	





	

		

			

				
					
微信小程序 —— setData()

				
			

			

				

					一只想躺平却不敢躺平的小菜鸟
				

				

					07-26
					
					355
					
				

			

		

		

			
				
this.setData修改data数据（基础数据，数组、对象）

			
		

	



		

			
		



	

		

			

				
					
微信小程序开发系列（二十一）·wxml语法·setData（）修改数组类型数据（增加、修改、删除）

				
			

			

				

					时光の尘的博客
				

				

					03-07
					
					2730
					
				

			

		

		

			
				
在微信小程序中，setData（）方法用于将数据从逻辑层发送到视图层，以实现页面数据的更新和视图的刷新。通过 setData（）方法可以更新页面上展示的数据，让用户看到最新的信息。当调用 setData（）方法时，需要传入一个对象，该对象包含需要更新的数据。在这里，key1，key2等表示要更新的属性名，value1，value2分别为对应的属性值。当调用 setData（） 后，相关属性的数据会被更新，并触发页面视图的重新渲染，以展示最新的数据。

			
		

	





	

		

			

				
					
微信小程序的setData

				
			

			

				

					pengshisong的博客
				

				

					07-23
					
					508
					
				

			

		

		

			
				
在Page的生命周期函数里setData时：



出现以下错误：thirdScriptError



解决方法：



原因：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。

参考：https://www.cnblogs.com/pssp/p/5216085.html

微信小程序用setData修改数组...

			
		

	





	

		

			

				
					
微信小程序 setData使用方法及常用错误解决办法

				
			

			

				

					08-30
				

			

		

		

			
				
在微信小程序中，`setData` 是用于更新页面数据的关键方法，它允许开发者将数据从 JavaScript 层传递到 WXML（微信小程序的结构层），从而驱动页面视图的更新。然而，`setData` 在处理数组对象时有一些特殊的规定，...

			
		

	





	

		

			

				
					
微信小程序 setData的使用方法详解

				
			

			

				

					08-30
				

			

		

		

			
				
微信小程序 setData 的使用方法详解  微信小程序 setData 是一种非常重要的数据绑定机制，它允许开发者在小程序中实时更新页面的数据，从而实现动态的页面展示。今天，我们将详细介绍微信小程序 setData 的使用方法...

			
		

	





	

		

			

				
					
微信小程序 setData 对 data数据影响问题

				
			

			

				

					12-03
				

			

		

		

			
				
偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。 先放结论：data的变量通过setdata绑在一起，是同步变化的 准备做一个一键还原界面的按钮事件，如果有后端接口，只需调一下接口，就可以了。问题是...

			
		

	





	

		

			

				
					
微信小程序中this.data与this.setData的区别详解

				
			

			

				

					01-03
				

			

		

		

			
				
一、摘要

小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗？
Page.prototype.setData()

setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。
注意：
  直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。
  单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
二、正文

this.data可以获取页面data对象，但是它返回的对

			
		

	





	

		

			

				
					
微信小程序中的setData

				
			

			

				

					cjx1259972299的博客
				

				

					08-17
					
					658
					
				

			

		

		

			
				
setData() 方法并不是一个同步的方法，而是一个异步的方法，所以当我们用 setData() 修改 data 中的值时，为了保证可以拿到修改之后的值，就可以在 setData() 的回调里面拿：


data: {
  options: {}
},
onload: function (options) {
   this.setData({
      options: options
  ...

			
		

	





	

		

			

				
					
微信小程序 this.setData（）

				
			

			

				

					H_ZMY的博客
				

				

					06-17
					
					1101
					
				

			

		

		

			
				
lsetData（）函数用于将 data 从逻辑层传输到视图层，同时对应的改变this.data的值。Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。

			
		

	





	

		

			

				
					
微信小程序this.setData()

				
			

			

				

					wxqwxq123444的博客
				

				

					06-09
					
					1363
					
				

			

		

		

			
				
关于微信小程序this.setData()的理论知识

			
		

	





	

		

			

				
					
微信小程序中 setData 详解

				
			

			

				

					itclanCoder
				

				

					06-21
					
					2万+
					
				

			

		

		

			
				
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知...

			
		

	





	

		

			

				
					
微信小程序——通过 this.setData 设置动态数据

				
			

			

				

					Jiaberrr的博客
				

				

					09-10
					
					279
					
				

			

		

		

			
				
字段的名称，值是要更新的内容。如果你尝试直接使用一个变量作为键，而不使用方括号，它将被视为字符串字面量，而不是变量名。方法用于将数据从逻辑层发送到视图层，同时改变对应的。设置动态的数据，但是需要遵循特定的语法规则。，你可以将变量作为对象的键，从而实现动态设置。方法接受一个对象，该对象的键是要更新的。是一个变量，它存储了要更新的。如果你想要设置动态的。

			
		

	





	

		

			

				
					
微信小程序————setData()方法的使用和注意事项

					
热门推荐

				
			

			

				

					执生的博客
				

				

					08-10
					
					22万+
					
				

			

		

		

			
				
微信小程序setData()使用：





Page.prototype.setData(Object data, Function callback)

setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 
参数说明： 


Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 va...

			
		

	





	

		

			

				
					
微信小程序setdata案例

					
最新发布

				
			

			

				

					09-14
				

			

		

		

			
				
微信小程序中的setData是用来更新页面数据的方法，它用于将数据从逻辑层发送到视图层，从而更新界面上的数据。在使用setData时，需要传递一个对象，对象中的属性名对应页面中使用数据绑定的对象的属性名。

以下是一个简单的微信小程序setData的使用案例：

1. 首先在页面的WXML文件中定义数据绑定，比如有一个显示计数器的文本：

```xml
<!-- 这是页面的结构文件 WXML -->
<view>{{ counter }}</view>
<button bindtap="increaseCounter">点击我</button>
```

2. 接着在对应的JS文件中，声明counter变量，并在其对应的函数中使用setData方法更新这个变量：

```javascript
// 这是页面的逻辑文件 JS
Page({
  data: {
    counter: 0
  },
  increaseCounter: function() {
    // 因为counter在页面上是被数据绑定的
    // 所以我们使用setData方法来更新这个数据
    this.setData({
      counter: this.data.counter + 1
    });
  }
});
```

在这个案例中，每当用户点击按钮时，`increaseCounter`函数会被调用，它会获取当前的`counter`值，将其加1后，再通过`setData`方法更新到页面上，从而更新界面上显示的数字。

需要注意的是，setData方法不能直接修改`this.data`中已经存在的数据对象，而是需要创建一个新的对象并赋值给setData的参数。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 5

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
赫凯

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值