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
• イベント