(1)数据绑定
页面数据如下
Page({ data: { info:'hello world' } })
页面机构如下
<view>{{info}}</view>
(2)属性值绑定
页面数据如下
Page({ data: { imgSrc:"https://bkimg.cdn.bcebos.com/pic/0eb30f2442a7d9334c218e0fab4bd11372f001c4" } })
页面机构如下
<image src="{{imgSrc}}"></image>
(3)三元运算
页面数据如下
Page({ data: { randomNum:Math.random()*10 } })
页面机构如下
<view>{{randomNum>=5 ? '大于等于5' : '小于5'}}</view>
(4)事件绑定
(5)bindtap的语法格式
页面数据如下
Page({ data: { },
btnTapHandler(e){
console.log(e)
},
})
页面机构如下
<button type="primary" bindtap="btnTapHandler">触摸事件按钮</button>
(6)在事件处理函数中为 data 中的数据赋值
页面数据如下
Page({ data: { count:0, },
coountChange(){
this.setData({
count:this.data.count+1
})
},
})
页面机构如下
<button type="primary" bindtap="coountChange">+1</button>
(7)事件传参
页面数据如下
Page({ data: { count:0, },
btnTap2(e){
this.setData({
count:this.data.count+e.target.dataset.add
})
},
})
页面机构如下
<button type="primary" bindtap="btnTap2" data-add="{{2}}">+2</button>
(8)bindinput的语法
页面数据如下
Page({ data: { msg:'你好' },
inputHandler(e){
//取最新文本框的值
console.log(e.detail.value)
this.setData({
msg:e.detail.value
})
},
})
页面机构如下
<input value="{{msg}}" bindinput="inputHandler"></input>
标签:count,数据,绑定,如下,data,Page,页面 From: https://www.cnblogs.com/wmqxlt/p/18458102