多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## v-group ### 参数 * group_name string类型 ### 什么时候使用焦点组 通常我们不需要绑定焦点组,只有当遇到焦点边界移动问题时才会遇到,元素移动到另外一个组的元素时会触发组所绑定的事件. :-: ![](https://box.kancloud.cn/fb52ede83fb4d52ca75868fbf93ef134_606x348.png) 如图:当焦点从item1 移动到 group1 中的item时,我们希望 item向上移动时仍然会将item1获得焦点,而不是默认采取的最近距离算法而获得的焦点,此时我们可以指定item3,4,5为一个组内 组监听的方法只有 方向 如:left,right,up,down,并且只用组内焦点移动到组外元素是才会响应。 默认会添加class="group" 如果设置了 group_name 则使用group_name为 class ### **Example** ~~~ <div ref="item1" v-items>item1</div> <div v-items>item2</div> <div v-groups="{group_name:'new_gorup'}" @up="toItem('item1')"> <div v-items>item3</div> <div v-items>item4</div> <div v-items>item5</div> </div> export default { methods:{ toItem(item){ this.$service.move(item) //移动到设置的元素上 } } } ~~~ 有时我们也会借住组的模式来控制数据的分页加载,轮播图滚动等效果,具体实例请参考示例代码