javascript - 我的应用程序未触发事件设备就绪

Question

我正在尝试使用 vue.js 和 vue-cordova 加载一个 cordova 插件。

我正在使用 vue-cordova，使用插件 open-native-settings 来访问设备(ios 或 android)的设置。这与 github 上的 vue-cordova 插件提供的演示应用程序配合得很好，但是当我将它添加到我的应用程序中(以相同的方式)时，该事件似乎永远不会触发。所以我尝试使用

等待事件

Vue.cordova.on('deviceready', () => {
// here check for your variable
})

或与

document.addEventListener('deviceready', deviceReady, false);

但由于事件从未触发，他们什么都不做。我有点迷失了触发此事件的方式，因此我可以正确加载我的插件。我是初学者，所以我可能会遗漏一些东西。

更新

我以这种方式在我的 main.js 中加载 vue-cordova:

import VueCordova from 'vue-cordova'
Vue.use(VueCordova, {
optionTestKey: 'optionTestValue'
})

之后，我尝试以这种方式在另一个 View 中加载插件:

import Vue from 'vue'
//some code here
mounted: function() {
this.cloudyConnection();
this.lastUpdateDate = this.getLastUpdateDate();
if (this.cordova.deviceready === true) {
  this.onDeviceReady()
}

},我还尝试使用已安装的函数和上面列出的函数来完成此操作。

我还添加了 <script src="cordova.js"></script>在 www/index.html 中，如 a--m 所示，但这没有任何作用

感谢大家花时间帮助我!

Answer 1

阅读自http://kartsims.github.io/vue-cordova/故障排除部分:

“My events don’t seem to be fired”

Cordova documentation isn’t obvious about it but you need to include the following script tag in your www/index.html.

<script src="cordova.js"></script>

确保 cordova.js在您的脚本之前加载并且 vue-cordova因为最后一个取决于那个。