Weex

Weex——公共属性

2017-01-23  本文已影响7人  阿凡提说AI

所有的 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)才是正确的打开方式。

上一篇 下一篇

猜你喜欢

热点阅读