如何在 Vue.js 中为智能电视应用程序支持键码功能答案

【问题标题】：How to support key code function in Vue.js for smart tv app如何在 Vue.js 中为智能电视应用程序支持键码功能
【发布时间】：2020-01-30 13:33:42
【问题描述】：

我是 Vue.js 的新手。我想在 Vue.js 中支持远程键功能。所以请让我知道如何为智能电视制作应用程序。

【问题讨论】：

标签： vue.js tizen

【解决方案1】：

您可以按照教程为电视开发 Web 应用程序： https://docs.tizen.org/application/web/get-started/tv/first-app

基于this site，您可以在应用程序中导入 vue.js 文件：

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

并在 Tizen 应用程序中使用必要的 Vue.js 功能。

关于使用电视相关功能，您可以查看可用功能列表here。根据您的问题，我无法猜出您到底想使用哪个模块。

【讨论】：

【解决方案2】：

也许caph.js 可以使用，但它只在jquery 和angular 中可用。 vue 和 jquery 不能很好地混合在一起。

//you can add your keyboard keycodes as well(in place of 1,2,3,4)
$(document).ready(function() {
    $.caph.focus.init(function(nearestFocusableFinderProvider, controllerProvider) {
        controllerProvider.setKeyMap({
            LEFT: 1,
            RIGHT: 2,
            UP: 3,
            DOWN: 4
        });
    });
 });

【讨论】：