菜鳥學習微信小程式之資料綁定

資料綁定

wxml 中的動态資料均來自對應Page的data.

簡單綁定

資料綁定使用Mustache文法(雙大括号)将變量包起來，可以用作于:

• 内容

Page({
    data:{
    messag:'hello word'
    }
})
           

• 元件屬性（需要在雙引号之内）

Page({
    data:{
        id:
    }
})
           

• 控制屬性(需要在雙引号之内)

Page({
    data:{
    condition:true
    }
})
           

• 關鍵字（需要在雙引号之内）

  true：boolean 類型的true, 代表真值

  false: boolean 類型的false， 代表假值。

特别注意：不要直接寫

checked="false"

，其計算結果是一個字元串，轉成boolean類型後代表真值.

運算

可以在

{{}}

内進行簡單的運算，支援的有如下幾種方式:

• 三元運算

• 算數運算

Page({
    data:{
    a:,
    b:,
    c:
    }
})
           

view 中的内容為

3+3+d

.

• 邏輯判斷

• 字元串運算

Page({
    data:{
        name:'小明'
    }
})
           

• 資料路徑運算

Page({
    data:{
        object:{
        key:'hello'
        },
        array['xiaoming']
    }
})
           

• 數組

Page({
    data:{
        zero:
    }
})
           

• 對象

Page({
    data{
        a:1,
        b:2
    }
})
           

最終組合成的對象是

{for:1, bar:2}

• 也可以用擴充運算符

Page({
    data:{
        obj1:{
           a:,
           b:
        },
        obj2:{
            c:,
            d:
        }
    }
})
           

最終組合成的對象是:{a:1, b:2, c:3, d:4, e:5}.