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