Attachment

多客怪兽框架中的附件浏览，配合附件选择器使用，并且支持文件、图片、音频、视频预览。

基础用法

TIP

当前暂未做移动端适配，敬请期待

通常来说附件浏览并不是单独使用的，所以这里仅仅是作为一个示例，展示附件浏览的基本用法。

basic.vue

<template>
  <p>
    <el-button
      v-for="(item, key) in types"
      :key="key"
      :type="type == key ? 'primary' : ''"
      @click="type = key"
    >
      {{ item }}
    </el-button>
  </p>
  <dk-attachment :key="type" style="margin: 0 auto" :type="type" />
</template>
<script setup lang="ts">
import { ref } from 'vue'

const type = ref(1)

const types = ref({
  0: '文件',
  1: '图片',
  2: '音频',
  3: '视频',
})
</script>

组件配置

Attachment Props

属性	说明	类型	默认值
type	参数类型	string	number
accept	附件上传的accept	string	对应type类型

type 说明

type可以传入string类型和number类型，但是最终都会转换成number类型，所以建议直接传入number类型。

说明	值	string值
文件选择	0	file
选择图片	1	image
选择音频	2	audio
选择视频	3	video

Attachment Events

事件名	说明	参数
click	点击触发的事件	(event: MouseEvent) => void