|   
 導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。 本篇文章給大家帶來的內容是關于微信小程序中數據綁定以及簡單的邏輯運算的實現代碼,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。1、簡單用法: Page({
  data: {
    message: '張三'
  }
})
  /**
   * 生命周期函數--監聽頁面加載
   */
  onLoad: function (options) {
      var content1={
         date: "2020年 10月 8日 ",  
         title:"時間群" ,
         nameData:{
              name1:"張三李四",
              name2:"人五人六",
         },
         fade:true/false 
      }
      this.setData(content);
  },2.數據綁定使用 Mustache 語法(雙大括號)將變量包起來獲取: <view> {{ date}} </view>
<view> {{ title}} </view>
<view> {{ nameData.name1}} </view>
<view> {{ nameData.name2}} </view>//層級用點取值
<image wx:if="{{fade}}"  class="image" src=""></image>//隱藏/顯示3、可以在 {{}} 內進行簡單的運算: 三元運算符
<view hidden="{{flag ? true : false}}"> Hidden </view>4、計算: <view> {{a + b}} + {{c}} + d </view>Page({
  data: {
    a: 1,
    b: 2,
    c: 3
  }
})
輸出結果:3 + 3 + d5、邏輯判斷: <view wx:if="{{length > 5}}"> </view>6.也可以在 Mustache 內直接進行組合,構成新的對象或者數組: <view wx:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>Page({
  data: {
    zero: 0
  }
})
輸出結果:組合成數組[0, 1, 2, 3, 4]。7、對象: <template is="objectCombine" data="{{for: a, bar: b}}"></template>Page({
  data: {
    a: 1,
    b: 2
  }
})
最終組合成的對象是 {for: 1, bar: 2}相關推薦: jquery form表單獲取內容以及綁定數據_javascript技巧 實例剖析AngularJS框架中數據的雙向綁定運用_AngularJS 以上就是微信小程序中數據綁定以及簡單的邏輯運算的實現代碼的詳細內容,更多請關注php中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。  | 
溫馨提示:喜歡本站的話,請收藏一下本站!