EPGGroup
EPGGroup
是可移动焦点的集合,一个 EPGGroup
通常情况下至少包含一个 EPGItem
| EPGGroup
。
指令绑定
v-epg-group
可将元素设置为 EPGGroup
。
- 期望的绑定字面量类型
typescript
interface EPGGroupDirective {
default: boolean;
}
详细信息
default
: 移动到该层时默认选中的焦点。
示例
html
<div v-epg-group>
<div v-epg-item>item1</div>
<div v-epg-item="{default:true}">item2</div>
<div v-epg-item @up="epg.move(top)">item3</div>
</div>
<div v-epg-group="{default:true}">
<div v-epg-item>item3</div>
</div>
监听事件
方向事件
@left
@right
@up
@down
从某个方向离开本组时触发。
获取/失去焦点事件
@enter
@leave
(TODO)
当聚焦进入本组/离开本组时触发。