第十节:视图层_组件_详情

每个组件除了“第九节:视图层_组件简述”中讲到的所有组件共有属性以及属性的类型
那么此节所讲到的详情就是每个组件特有属性以及其使用
为了不浪费编写文档的时间,还是点击我查看官方文档
在查看官方文档时,牢记下面几点:
    1.除了官方文档中每个组件的描述是特殊的属性
    2.还要记得使用大家共同的属性哦
    3.每个组件的使用方法
    4.还有一些新版本中增加需要做兼容性处理的组件和组件属性要注意
    5.label组件与checkbox或radio的组合使用
        用来改进表单组件的可用性,即点击标签文字描述也可选中这一项
        使用方式:
            1)将checkbox或radio放在label标签下,
            2)label的for属性找到对应的id(for优先级高于内部控件)
            内部有多个控件的时候默认触发第一个控件
        示例:表单组件在label内,同理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属性
                当该<radio/> 选中,< radio-group/> 的 change 事件会携带<radio/>的value
    6.逻辑层js两个重要的知识点
            []是数组
            {name:value...}是对象
            [{name:value...}]是数组对象
    :

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,422评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,969评论 19 139
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 作者:鱼笑川 时间:20171028 为何会陷入这漩涡无法挣脱 声嘶力竭却唱不出想要的歌 情深似海缘比纸薄 生离之...
    鱼笑川阅读 465评论 0 0
  • 喝 也就是在上个星期天乘车过来,到了今天刚好一周。今天算是个周纪念日吧。然后今天似乎运气不佳,早上的考试最后一道大...
    一步二步三步四步往前走阅读 248评论 0 0