TvChunk 块区组件 TV
该方法或组件支持轻应用调用

通过该组件，可对块内的焦点元素进行一些限制。

引入方式

数字生活小程序工程-TV模板，不需要 import，直接使用组件标签即可。

import { TvChunk } from '@21cnfe/tv-vui'
Vue.component('TvChunk', TvChunk)

代码演示

<div class="container">
    <tv-chunk :recordActive="true">
        <div class="nav">
            <tv-card>菜单1</tv-card>
            <tv-card>菜单2</tv-card>
            <tv-card>菜单3</tv-card>
        </div>
    </tv-chunk>
    <tv-chunk @reachBottom="getMoreData">
        <div class="title">标题</div>
        <div class="goods">
            <tv-card>
                卡片
            </tv-card>
            <tv-card>
                卡片
            </tv-card>
        </div>
    </tv-chunk>
</div>

API

属性	说明	类型	默认值
`lockChunk`	当焦点进入区块时，锁定焦点在区块内移动，只能通过手动设置移出块区逻辑	Boolean	false
`recordActive`	当焦点移出区块时，记录焦点移出前的元素，下次移回区块，聚焦到该元素（常用于菜单）	Boolean	false
`focusDisable`	禁止区块内元素被聚焦	Boolean	false
`scrollInChunk`	焦点移动时，默认是整个网页滚动，有时候需要在区块内滚动时，设置此属性	Boolean	false

Events

事件名称	说明
`reachTop`	焦点移动到区块顶部元素时触发
`reachBottom`	焦点移动到区块底部元素时触发
`reachLeft`	焦点移动到区块左边元素时触发
`reachRight`	焦点移动到区块右边元素时触发
`enterChunk`	焦点移入区块时触发
`leaveChunk`	焦点移出区块时触发

1. TvChunk 块区组件 TV 该方法或组件支持轻应用调用

TvChunk 块区组件 TV 该方法或组件支持轻应用调用

引入方式

代码演示

API

Events

TvChunk 块区组件 TV
该方法或组件支持轻应用调用