小程序--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>

  页面结果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM