小程序--data 数据各种形式和运算

微信小程序的数据的运算和显示和ng原理差不多,主要分为以下几种方式:

1: 字符串

2: 数字的直接加减

3:json对象 注意里面的对象名称不能出现‘—’不然在页面无法渲染

4:字符串拼接(包括数字)

5:直接定义id和class的名称等属性值

例子如下:

wxjs:

data: {
    //定义的变量名字不能有——出现,不然无法显示 如group-name获取的对象里面的定义名字也不能出现
    logs:‘直接绑定数据字符‘,//直接绑定数据字符
    classname:‘bind-class‘,idname:‘bind-id‘,//绑定class/id名称
    a:10,b:34,//绑定直接运算
    a1:10,b1:‘zero‘,//数据字符串拼接

  }

  wxml:

<view>
字符形式:<text>{{logs}}</text>
</view>

<view>
<text class="{{classname}}" id=‘{{idname}}‘>绑定class/id名称</text>
</view>

<view>
数据直接运算<text >{{a+b}}</text>
</view>

<view>
数据字符串拼接<text >{{a1+b1}}</text>
</view>

  页面结果:

时间: 2024-10-17 02:23:14

小程序--data 数据各种形式和运算的相关文章

微信小程序开放数据解密 AES-128-CBC 解密(C#版本)

最近在开发小程序,需要跟微信服务端交互,微信敏感数据都有加密返回,需要在服务端接收进行解密后再返回给客户端小程序,今天就通过C# 进行数据的解密,官方下载下来是Node.C++.php等,就是没有C# 代码,于是就上度娘,找到 https://blog.csdn.net/jasonsong2008/article/details/83586119 https://www.cnblogs.com/jetz/p/6384809.html 经过一番研究,搞定啦,其实就是用了aes加密方法. 下面把第一

[转]微信小程序登录数据解密以及状态维持

本文转自:http://www.cnblogs.com/cheesebar/p/6689326.html 学习过小程序的朋友应该知道,在小程序中是不支持cookie的,借助小程序中的缓存我们也可以存储一些信息,但是对于一些比较重要的信息,我们需要通过登录状态维持来保存,同时,为了安全起见,用户的敏感信息,也是需要加密在网络上传输的. 前台,service.封装了http请求,同时封装了getSession(通过code获取服务器生成的session).getUserInfo(获取用户信息).ge

微信小程序 --- 缓存数据

保存数据  /  读取数据  /  删除数据  /  数据异步操作 每一个微信小程序都可以有自己的本地缓存,可以通过wx.setStorage( wx.setStorageSync) ,wx.getStorage(wx.getStorageSync),wx.clearStorage(wx.clearStorageSync) 可以对本地缓存进行设置 / 获取和清理.本地缓存最大为 10MB ; ...Sync 是同步的接口:不带这个的是一个异步的接口: 注意:localStorage 是永久存储的

小程序echarts数据不改变,或者是一次渲染成功,第二次进入,渲染失败的解决办法

1.引入echarts插件: import * as echarts from '../../ec-canvas/echarts'; 2.data中定义: ecBar: { onInit: initChart }, 3.app.js中定义全局变量: globalData: { userInfo: null, all_date: [] }, 4.onload中,定义一个  all_date ,用来接收数据 5.循环出来的数据,赋值:app.globalData.all_date = all_dat

python小程序---20以内的加减法进位运算

同事家的小朋友上了一年级,学校布置作业要学习20以内的加减法运算,而且必须是有进位或者减位的. 比如18-9=9 或者7+6=13 觉得专门写一堆题目没啥意思,于是用python+tkinter写个小程序,然后用cx_freeze打包成exe文件,能够随机出题,并检验回答是否正确.新手上路,难免遇到很多问题. 代码如下: #!/usr/bin/env python # -*- coding: utf-8 -*- from tkinter import * import random def ma

小程序-picker之key-value形式

##小程序的picker的取值 都是通过index 去取 <picker @change="statusChange" value="{{statusIdx}}" range="{{statusSel}}"> <view class="picker"> 状态 <text class="iconfont icon-down"></text> </view&

微信小程序绑定数据

视图文件里使用{{}}可以绑定数据,: <image src="{{like?'images/like_on.png':'images/like.png'}}"></image> 再到组件js里定义data数据即可实现数据的绑定 data: { like:true }, 使用组件的时候要遵循封装性,开放性等原则 使用变量保存这两张图片的路径: data: { like:true, yesSrc: 'images/like_on.png', noSrc: 'ima

小程序显示数据

1.当遍历是一条数据,取数据是个数据需要遍历,只需要取 base.y_slide进行遍历即可. $base['y_slide'] = unserialize($base['y_slide']); $num = count($base['y_slide']); for($i = 0; $i < $num; $i++) { $base['y_slide'][$i]=$_W['attachurl'].$base['y_slide'][$i]; } 2.遍历的是多条数据 foreach ($item a

微信小程序 修改数据,并动态渲染页面;修改数组;

一.修改数据,并在页面动态渲染 this.setData({ txt: '12112' }) 二.修改数组 var rotateClassItem = 'rotateClass['+ index + ']'; that.setData({ [rotateClassItem]: !that.data.rotateClass[index] }) 原文地址:https://www.cnblogs.com/siyecao2010/p/10083896.html