微信小程序数据处理，兴趣部落运营平台

来源：未知 浏览 95次 时间 2021-06-10 10:48

微信小程序数据处理 的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁WXML 页面需要展示的数据都需要被定义在data中否则就无法在页面进行展示。data中的数据是通过网络请求或者一些逻辑处理进行设置 ...

微信小程序数据处理

 

 

微信小程序数据处理

 

微信小程序数据处理 的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁黑帽seo培训否则就无法在页面进行展示。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对象时被全部修改了有时候我们只需要修改部分数据例如在上面seo学习心得例如在上面我们只需要修改name属性address的值不变化可以如下方式修改

this.setData({ 'people.name': 'Code4Android' })

如果有一个数组里面放着people对象

this.setData({ 'peoples[0].name': 'Code4Android' })

当我们data中有一个type值不同的值要显示不同的字例如type有1,2,3三种值分别表示初中高中大学。那么当服务端返回值后seo学习心得大学。那么当服务端返回值后我们该如何将type值转换为对应的字符显示呢。在这里提供三种方式

{{type==1 ?'初中':(type==2?'高中':'大学')}} 初中 高中 大学 js文件相应预处理： var typeName = '' if (this.data.type == 1) { typeName = '初中' } else if (this.data.type = 2) { typeName = '高中' } else { typeName = '大学' } this.setData({ typeName: typeName }) WXML:中显示 {{typeName}}

在WXML文件中往往我们会根据不同的状态显示不同的样式此时就需要根据不同的状态展示不同的样式例如一个view当data中的isSelected为true时背景为红色字体颜色为白色否则背景为灰色（#ddd）,那么可下面两种方式实现

按钮 按钮 wxss: .isSelected { background-color: #f00; color: #fff; } .noSelected { background-color: #ddd; color: #000; }

#页面数据传递

当我们打开一个新页面时往往使用 wx.navigateTo,如果想传递到新打开页面数据则可以在url后拼接？key=value的形式多个参数用&分开、例如

wx.navigateTo({ url: '/pages/mypage/mypage?name=Code4Android', })`

通过navigateTo打开新页面后新的页面会限制性onLoad方法该方法有一个options参数然后通过options.name就可以获取传递的数据。

如果我们想传递Object对象例如上面声明的people此时如果在url拼接'?people='+people发现接收时数据无法正常解析此时我们可以使用下面方法传递

var string =options.people var obj=JSON.parse(string)

标签： data我们name数据

上一篇: 从Bmob从零开始写一个博客小程序
下一篇: 微信小程序控件点击修改样式

热门文章

最新文章

QQ咨询