vue TV端焦点移动插件 vue-tv-focusable

2020/12/18 17:00
阅读数 891

第一次tv端开发,记录下来我的坎坷路程

最近做TV端的项目,需要用到焦点移动。自己写一套不太现实,网上各种各样的插件层出不穷,用用就发现不是这有问题就是那有bug,要一直填坑,搞得头都大了。

搞了好久,最后找到了vue-tv-focusable,感觉和我想要的差不多

下面是安装以及我项目中能用到的。

安装 npm i -S vue-tv-focusable

npm地址:https://www.npmjs.com/package/vue-tv-focusable

main.js中使用:

import Vue from "vue";import focusable from 'vue-tv-focusable';Vue.use(focusable);
const vm = new Vue();

vm.$tv.init({ initDis: 30, KEYS: { KEY_LEFT: [37], KEY_UP: [38], KEY_DOWN: [40], KEY_ENTER: [83, 13] // ok键, 长按 }});

vm.$tv.init中全局配置key的键,(看文档的意思是不配置也是可以使用的。只要div上有v-focusable指令就行)

 

在组件中通过指令v-focu.........

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部