www.dextsolution.com
DEXTUPLOAD
X5
menu toggleVue.js リファレンス > DEXTUploadX5Plugin

DEXTUploadX5Plugin

プラグイン

dextuploadx5-vue 0.0.1 以降

DEXTUploadX5Plugin は、Vue.js 環境で DEXTUploadX5 製品スクリプトをロードし、下位の Vue X5 コンポーネントが使用するローダーとグローバル設定を準備する Vue プラグインです。

渡された authKeyproductPath を基に、ブラウザのグローバルオブジェクトに dextuploadx5Configuration を設定した後、dextuploadx5.js を動的に読み込みます。

import { createApp } from "vue";
import App from "./App.vue";
import { DEXTUploadX5Plugin } from "dextuploadx5-vue";

createApp(App)
  .use(DEXTUploadX5Plugin, {
    authKey: "...",
    productPath: "/dx5/"
  })
  .mount("#app");

DEXTUploadX5Plugin がインストールされる前に DEXTUploadX5 Vue コンポーネントをレンダリングしないでください。

実際の X5 製品ファイルはブラウザからアクセス可能な場所に配置されている必要があり、dextuploadx5.js は productPath を基準にロードされます。

属性