www.dextsolution.com
DEXTUPLOAD
X5
Vue.js リファレンス > DEXTUploadX5(List/Tile/Single/Grid)

# DEXTUploadX5(List/Tile/Single/Grid)

コンポーネント

  dextuploadx5-vue 0.0.1 以降

  DEXTUploadX5 は、Vue.js で X5 UI を生成するための基本コンポーネントです。実際のパッケージでは、これを基に DEXTUploadX5List、DEXTUploadX5Grid、DEXTUploadX5Tile、DEXTUploadX5Single コンポーネントを提供します。

  このコンポーネントは渡された属性を使用して内部的に DX5.create() を呼び出し、Vue のライフサイクルに合わせて X5 インスタンスを生成・削除します。

      <script setup>
      import { DEXTUploadX5List, DEXTUploadX5Grid } from "dextuploadx5-vue";
      </script>

      <template>
        <DEXTUploadX5List id="list1" :style="{ width: '100%', height: '320px' }" />
        <DEXTUploadX5Grid id="grid1" :style="{ width: '100%', height: '320px' }" />
      </template>

  List、Tile、Single、Grid コンポーネントは、内部的に異なる type 値を固定して渡す薄いラッパーです。

  次の属性が変更されると、内部 X5 インスタンスが再生成されます: id, type, progressType, path, waitingTime, lang

  Grid の columns 属性は Grid 形式の場合のみ意味があり、値が変更されると内部の列を再構成します。

属性およびイベント
  - columns
  - hidden
  - id
  - lang
  - path
  - progressType
  - type
  - waitingTime
  - ref
  - イベント