第十節(jié):視圖層_組件_詳情

每個(gè)組件除了“第九節(jié):視圖層_組件簡述”中講到的所有組件共有屬性以及屬性的類型
那么此節(jié)所講到的詳情就是每個(gè)組件特有屬性以及其使用
為了不浪費(fèi)編寫文檔的時(shí)間,還是點(diǎn)擊我查看官方文檔
在查看官方文檔時(shí),牢記下面幾點(diǎn):
? ? 1.除了官方文檔中每個(gè)組件的描述是特殊的屬性
? ? 2.還要記得使用大家共同的屬性哦
? ? 3.每個(gè)組件的使用方法
? ? 4.還有一些新版本中增加需要做兼容性處理的組件和組件屬性要注意
? ? 5.label組件與checkbox或radio的組合使用
? ??????用來改進(jìn)表單組件的可用性,即點(diǎn)擊標(biāo)簽文字描述也可選中這一項(xiàng)
? ? ? ? 使用方式:
????????????1)將checkbox或radio放在label標(biāo)簽下,
????????????2)label的for屬性找到對(duì)應(yīng)的id(for優(yōu)先級(jí)高于內(nèi)部控件)
? ??????????內(nèi)部有多個(gè)控件的時(shí)候默認(rèn)觸發(fā)第一個(gè)控件
? ? ? ? 示例:表單組件在label內(nèi),同理radio
? ??????????????<checkbox-group class="group" bindchange="checkboxChange">
????????????????????<view class="label-1" wx:for="{{checkboxItems}}">
????????????????????????<label>
????????????????????????????<checkbox value="{{item.name}}" checked="{{item.checked}}"></checkbox>
????????????????????????????<text class="label-1__text">{{item.value}}</text>
????????????????????????</label>
????????????????????</view>
????????????????</checkbox-group>
? ? ? ? 引用:
????????????radio的value屬性
????????????????當(dāng)該<radio/> 選中,< radio-group/> 的 change 事件會(huì)攜帶<radio/>的value
????6.邏輯層js兩個(gè)重要的知識(shí)點(diǎn)
????????????[]是數(shù)組
????????????{name:value...}是對(duì)象
????????????[{name:value...}]是數(shù)組對(duì)象
????:

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,819評(píng)論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,837評(píng)論 18 139
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,033評(píng)論 0 0
  • 作者:魚笑川 時(shí)間:20171028 為何會(huì)陷入這漩渦無法掙脫 聲嘶力竭卻唱不出想要的歌 情深似海緣比紙薄 生離之...
    魚笑川閱讀 460評(píng)論 0 0
  • 喝 也就是在上個(gè)星期天乘車過來,到了今天剛好一周。今天算是個(gè)周紀(jì)念日吧。然后今天似乎運(yùn)氣不佳,早上的考試最后一道大...
    一步二步三步四步往前走閱讀 240評(píng)論 0 0