Vueでグローバルな関数を作成したい

Question

前提・実現したいこと

キーエンス製のハンディの開発を行っています。
SPA的なアプリを開発したくVueで行っています。
理由は後述しますが、Vueにてグローバルな関数を作成したいです。

発生している問題・エラーメッセージ

キーエンスの公式のドキュメントです。

setReadCallbackに任意の関数名をStringで記述すると任意の関数を実行してくれるらしいです。憶測ですが、たぶんグローバルに宣言している関数しか実行してくれないらしいです。

setReadCallbackの中身です。

const setReadCallback = c => { return _scanManager.setReadCallback(c) };

これを何とかVueで実行したいのですが、どうすればいいのかがわかりません。
Vueのmethodに任意の記述したところでスコープはグローバルではないので意味ないので、ダメでした。

試したこと

専用のライブラリがあるのですが、こちらはバニラJS(ES5)で書かれていたので、自分で、ES6に書き直しています。
途中、ハンディ専用ブラウザに、専用の変数_scanManagerがあり、こちらを除いたのですが、、、

function {[native code]}

となってしまい、中身を見て対応することはできませんでした。

何かいい方法があれば教えていただけると幸いです。

追記

import scan from "@/library/scan.js";

export default {
  data: () => ({
    result: "",
  }),
  created() {
    scan.setReadCallback("resultCallback");
  },
  methods: {
    resultCallback(result) {
      this.result = result;
    },
  },
};

Comments

[runnynose]

> Vueのmethodに任意の記述したところでスコープはグローバルではないので意味ないので、ダメでした。

Vueでダメでしたという時のソースがどうなってるか知りたいです。

[Nero1129]

追記しました。
クロージャーになっているのでダメなんじゃないかって予測です。宜しくお願い致します。

[runnynose]

なんとなくやりたいことが見えてきたんですが、ライブラリ自体global関数にしか反応しないのであれば無理かもですね????
Vueのメソッドで定義したものをglobalに突っ込めばもしかしたらいけるかもですが、アプリ全体がどういう作用するかわからないので怖い。。。
```
scan.setReadCallback("string")
```
これを使って関数を実行させたい理由はなんでなんですか？？

[ku__ra__ge]

_scanManagerはvueのmethodsを実行したときには見えないのでしょうか？

Answer 1

こうやればいけるかも？という案を記載しておきます。(動かないかもですが)
ただ、アプリが肥大化していったときに何か悪影響がありそうな予感もするのであまりお勧めはできないかもです。。。
あと、全体でやりたいことを把握できていないので、動作仕様を確認したらもしかしたら質問者さんが実現したいことが何か違う方法で見つかりそうですが。。。

import scan from "@/library/scan.js";

export default {
  data: () => ({
    result: "",
  }),
  created() {
    window.resultCallback = this.resultCallback;  // globalに突っ込んでみる
    scan.setReadCallback("resultCallback");
  },
  methods: {
    resultCallback(result) {
      this.result = result;
    },
  },
};

Comments

[Nero1129]

出来ましたぁぁぁぁぁぁあああああああああ！！！！！
ご回答いただく寸前に同じことを思いついて、お風呂出てから試したらできました！！！！！！！！！
ありがとうございます。orz

ちなみにやりたいことは、取得した値をAxiosでサーバに飛ばしたかっただけです。