欧美精品一区二区三区三州,欧美日韩激情,91香蕉视频免费看

導讀微信小程序，簡稱小程序，英文名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 + d

5、邏輯判斷：

<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}

當前位置:雨林木風下載站 > 應用軟件教程 > 詳細頁面

微信小程序中數據綁定以及容易的邏輯運算的完成代碼

本類教程下載

系統下載排行