【vue,iview中upload文件上传控件用法】

最新推荐文章于 2024-03-07 09:42:49 发布

Janain

最新推荐文章于 2024-03-07 09:42:49 发布

阅读量740

点赞数

分类专栏：前端vue 文章标签： VUE iview upload 文件上传前端

本文链接：https://blog.csdn.net/t_y_y_t/article/details/102726292

版权

本文详细介绍了在Vue.js项目中，如何利用iView框架的Upload组件实现文件上传功能，包括上传的配置选项、事件监听以及与后台交互的实例。

摘要由CSDN通过智能技术生成

<!--
 * 版权所有：XXXXXXX技术有限公司，2019
 * 内容描述：【vue,iview中upload文件上传控件用法】
 * 作者：wangjj
 * 创建时间：2019-04-13
 * 版本          开发者            日期              描述
 * 1.0.0.0      wangjj           2019-10-24          新建
 -->
<template>
    <Button type="primary">下载</Button>
    <Upload style="display: inline;" :action="UplodaAPi" :show-upload-list="false" :format="['xls','xlsx']" :before-upload="excelUpload">
        <Button type="primary">导入</Button>
    </Upload>
    <!-- 数据表格展示-->
    <Table :columns="columns" :data="tableData" :height="300" @on-selection