?屬性列表
target:觸發(fā)事件的對(duì)象
currentTarget:綁定事件的對(duì)象,可能不是由此對(duì)象觸發(fā)而是觸發(fā)對(duì)象冒泡導(dǎo)致觸發(fā)此事件
微信小程序 事件綁定
<button type="primary" bindtap="btnTapHandler">按鈕</button>
在函數(shù)中調(diào)用data的值
// 按鈕點(diǎn)擊事件
btnTapHandler(e){
this.setData({
number:this.data.number+1
})
}
傳遞參數(shù)
<button type="primary" bindtap="btnTapHandler2" data-info="{{2}}">按鈕+2</button>
接收參數(shù)
// 按鈕點(diǎn)擊事件 + 2
btnTapHandler2(e){
console.log(e);
console.log(e.target.dataset.info);
this.setData({
number: this.data.number + e.target.dataset.info
})
}
input
<input bindinput="inputHandler" value="{{msg}}"></input>
inputHandler(e){
console.log(e.detail.value)
this.setData({
msg: e.detail.value
})
}
控制是否顯示 隱藏 wx:if 通過創(chuàng)建和溢出元素實(shí)現(xiàn) 控制條件復(fù)制時(shí)推薦
<view wx:if="{{flag}}">是否顯示</view>
使用block標(biāo)簽不會(huì)渲染給瀏覽器源文件標(biāo)
控制是否顯示 隱藏 wx:hidden 通過切換樣式方式實(shí)現(xiàn) 頻繁切換使用這個(gè)
<view hidden="{{flag}}">條件為true</view>
循環(huán)字符文章來源:http://www.zghlxwxcb.cn/news/detail-608938.html
<view wx:for="{{arr1}}">
索引:{{index}},內(nèi)容:{{item}}
</view>
arr1:['標(biāo)簽一','標(biāo)簽二','標(biāo)簽三']
// 指定索引名稱
<view wx:for="{{arr1}}" wx:for-index="idx" wx:for-item="itemName">
索引:{{idx}},內(nèi)容:{{itemName}}
</view>
循環(huán)數(shù)組對(duì)象 指定key提高渲染速度文章來源地址http://www.zghlxwxcb.cn/news/detail-608938.html
<view wx:for="{{userList}}" wx:key="id">
索引:{{item.id}},內(nèi)容:{{item.name}}
</view>
userList:[
{id:1,name:'小紅'},
{id:2,name:'小蘭'}
]
到了這里,關(guān)于微信小程序 事件和語法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!