亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序 switch組件詳解及簡(jiǎn)單實(shí)例

 更新時(shí)間：2017年01月10日 15:14:15   投稿：lqh  
這篇文章主要介紹了微信小程序 switch組件詳解及簡(jiǎn)單實(shí)例 的相關(guān)資料,需要的朋友可以參考下

微信小程序switch

相關(guān)文章：

微信小程序 Button

微信小程序 radio

微信小程序 slider

微信小程序 switch

微信小程序 textarea

微信小程序 picker-view

微信小程序 picker

微信小程序 label

微信小程序 input 

微信小程序 form

微信小程序 checkbox

實(shí)現(xiàn)效果圖：

switch

開(kāi)關(guān)選擇器

屬性名 類(lèi)型 默認(rèn)值 說(shuō)明
checked Boolean false 是否選中
disabled Boolean false 是否禁用
type String switch 樣式，有效值：switch, checkbox
bindchange EventHandle   checked改變時(shí)觸發(fā)change事件，event.detail={ value:checked}

示例代碼：

<view class="section section_gap">
 <view class="section__title">type="switch"</view>
 <view class="body-view">
 <switch checked="{{switch1Checked}}" bindchange="switch1Change"/>
 </view>
</view>

<view class="section section_gap">
 <view class="section__title">type="checkbox"</view>
 <view class="body-view">
 <switch type="checkbox" checked="{{switch2Checked}}" bindchange="switch2Change"/>
 </view>
</view>
var pageData = {
 data: {
 switch1Checked: true,
 switch2Checked: false,
 switch1Style: '',
 switch2Style: 'text-decoration: line-through'
 }
}
for(var i = 1; i <= 2; ++i) {
 (function(index) {
 pageData[`switch${index}Change`] = function(e) {
 console.log(`switch${index}發(fā)生change事件，攜帶值為`, e.detail.value)
 var obj = {}
 obj[`switch${index}Checked`] = e.detail.value
 this.setData(obj)
 obj = {}
 obj[`switch${index}Style`] = e.detail.value ? '' : 'text-decoration: line-through'
 this.setData(obj)
 }
 })(i)
}
Page(pageData)

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

最新評(píng)論