Skip to content

file-input(文件输入)

基础用法

示例:文件输入

代码示例:

vue
<template>
  <div class="bs-bg-color-white w640">
    <v-file-input v-model="fileList" @change="onChange"></v-file-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    /**
     * change事件
     */
    onChange(data) {
      console.log('data: ', data);
      // data:  [{…}, __ob__: Observer]
    },
  },
};
</script>

属性:

参数说明类型可选值默认值
value组件的值Array-[]
url上传地址String-${CONTEXT_PATH}/pub/attachmentFileUpload
multiple是否支持上传多文件Boolean-true
disabled是否禁用Boolean-false

事件:

事件名说明参数参数说明
blur失去焦点事件--
input输入事件data文件列表
change改变事件data文件列表
remove删除事件attachIdList删除的文件id