Upload 文件上传

TIP

此组件与其他组件库最大的不同是：只处理文件逻辑，业务逻辑不放在此组件处理。

基本用法

点击上传后，通过 change 事件来接受文件信息。

<template>
  <div>
    <b-upload @change="change"></b-upload>
  </div>
</template>

<script>
export default {
  name: 'upload',
  methods: {
    change(files) {
      console.log(files);
    }
  }
};
</script>

<style lang="scss" scoped></style>

上传多个文件

通过传递 multiple 属性来实现多个文件上传

<template>
  <div>
    <b-upload @change="change" :multiple="true"></b-upload>
  </div>
</template>

<script>
export default {
  name: 'upload',
  methods: {
    change(files) {
      console.log(files);
    }
  }
};
</script>

<style lang="scss" scoped></style>

API

属性

属性名	类型	默认值	说明
multiple	boolean	false	是否支持多个文件上传

事件

事件名	说明	参数
change	当上传文件后，通过 change 事件第一个参数来接受文件信息

Upload 文件上传 #

基本用法 #

上传多个文件 #

API #

属性 #

事件 #

Upload 文件上传

基本用法

上传多个文件

API

属性

事件