微信小程序数据处理资源-CSDN文库

40 浏览量 2021-03-29 21:26:55 上传评论收藏 81KB PDF 举报

资源推荐

资源详情

资源评论

微信小程序数据处理微信小程序数据处理

微信小程序数据处理的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁，WXML 页面需要展示的

数据都需要被定义在data中，否则就无法在页面进行展示。data中的数据是通过网络请求或者一些逻辑处理进行设置 ...

微信小程序数据处理的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁，WXML 页面需要展示的数据都需要被定义在data

中，否则就无法在页面进行展示。data中的数据是通过网络请求或者一些逻辑处理进行设置以及初始化的。

data数据的设置有两种方式，例如我们data中的有一个name并且初始化为空

data:{

name:'我是初始化的name'

}

当有多个数据时用逗号英文逗号‘,’进行分开，那么如果我们想更改数据就可以

//方式1

this.data.name='我现在name值是Code4Android'

//方式2

this.setData({

name:'我现在name值是Code4Android'

})

不过用哪一种方式，经过处理后，name的值都会变为“我现在name值是Code4Android”，我们可以通过this.data.name来取出name的

值。也许你会有疑问，这两种方式有什么区别吗？

那我们现在WXML中创建一个view用来显示name的值

{{name}}

当我们需要将data中的数据显示在页面上时。需要用大括号来获取data中的值并将其显示，通过上面的两种方式，发现方式1设置后，页面上

的数据并没有发生改变，依然是初始化的值，当使用第二种方式时数据发生改变，这时候你应该就明白两者区别了。

当数据是一个对象时，如

data:{

people:{

name:'Code4Android',

address:'河南'

}

}

那么我们想修改people对象并显示

this.setData({

people:{

name:'Code4Android1',

address:'河南'

}

})

此时people对象时被全部修改了，有时候，我们只需要修改部分数据，例如在上面，我们只需要修改name属性，address的值不变化，可以

如下方式修改

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38731226

粉丝: 5
资源: 926

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip