常用指令 Directive

示例

z-crt, z-sel, z-act

<ul class="m-toolbar">
    {#list 1..3 as index}
    <li z-crt={current === index} on-click={current = index}><a>Item{index}</a></li>
    {/list}
</ul>

z-dis, z-chk

<input type="checkbox" r-model={enabled} />
<a class="u-btn" z-dis={!enabled}>Button</a>

r-show

和r-hide相反，主要为了避免r-hide在性能较差的情况下从显示到隐藏会闪一下的问题，但r-show目前只支持display: block。

r-autofocus

主要为了解决Regular中使用autofocus在某些情况下不生效的问题。

<input class="u-input" r-autofocus />