微信小程序開發——數據綁定

WeChat小程序交流&＃xff08;QQ群&＃xff1a;769977169&＃xff09;

效果圖

代碼示例

1、xxx.wxml

{{message}} 5}}">more than 5 years 3}}">more than 3 years 1}}">more than 1 years{{item}}{{index}}: {{item}}{{sort}}: {{value}}{{clickMessage}}


2、xxx.wxjs

var count &＃61; 0;Page({/*** 頁面的初始數據*/data: {message: "基本數據綁定",year: 4,array: ["列表渲染數據綁定1", "列表渲染數據綁定2", "列表渲染數據綁定3", "列表渲染數據綁定4","列表渲染數據綁定5"],zhangSan: {name:"張三", age:21},clickMessage: "點擊了0次"},/*** 生命周期函數--監聽頁面加載*/onLoad: function (options) {},tapClick: function(even) {count&＃43;&＃43;;this.setData({clickMessage: "點擊了 " &＃43; count &＃43; " 次",})}
}

注意&＃xff1a;數據綁定分為五種類型&＃xff0c;分別是基本數據綁定、條件渲染數據綁定、列表渲染數據綁定、模板數據綁定、事件綁定。愛掏網 - it200.com