Weex——公共属性

所有的 weex 标签都有以下的基本属性。

id

id="logo"
id="item-{{index}}" 

id 是一个 weex 标签在 <template> 下的唯一标识符。你可以使用 id 属性来引用对应的 weex 标签。

style

style="width: 200; height: 200"
style="padding: {{x}}; margin: 0" 

class

class="button"
class="button {{btnStatus}}" 

为 weex 标签增加类别。

repeat

repeat="{{items}}" 

以 {{items}} 作为循环项,迭代地生成当前的 weex 标签。

if

if="{{opened}}" 

{{opened}} 返回一个 boolean 值。若为 true,则显示当前标签;否则不显示。

append

append="tree/node" 

append 属性的可选值为 tree 或 node。不同的值会走不同的渲染过程。

on... 事件处理

onclick="gotoDetail"
onappear="loadMore" 

为当前 weex 标签注册事件处理函数。

注意

weex 遵循 HTML attribute 命名规范,所以 不要在属性中使用驼峰风格(CamelCase),使用 - 连接符的 羊肉串风格(kebab-case)才是正确的打开方式。

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,993评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,186评论 6 13
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,779评论 18 399
  • 曾经有一天放学比较早,章微说放学先不做作业,反正放假有时间做,所以我说那我教你学习时间管理吧,她说:那太好了!结果...
    亲子教育马老师阅读 7,831评论 0 1
  • 去交会让你开心的朋友 去爱不会让你流泪的人 去向你自己...
    钰焮阅读 216评论 0 0