vue+element-ui上传文件
来源:互联网 发布:成都市金牛区教育网络 编辑:程序博客网 时间:2024/06/01 16:12
项目中使用到了,记录一下
下面是HTML中使用el-upload,其中可以定义一些需要的属性或方法,使用可以参照element-ui官方手册
上传的文件限制为Word,txt,Excel表格
<el-upload ref="upload" class="upload" :action="uploadUrl()" :on-success="handleSuccess" :limit=1 multiple method:="post" :on-preview="handlePreview" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,.csv,text/plain" :file-list="fileList"> <el-button size="small" type="primary" plain>上传</el-button></el-upload>下面是script中对用到的属性和方法进行定义
<script>
export default{
data(){
return {
fileList:[]}},methods: { uploadUrl:function() { var url = process.env.BASE_API + "/url/"; return url; },handleSuccess(){//上传成功要处理的事}}}</script>
阅读全文
0 0
- vue+element-ui上传文件
- VUE跨域上传文件(VUE+Element-ui+Java)
- element-ui el-upload 文件上传 解读
- Vue.js UI框架 - element
- vue element-ui dialog组件
- Laravel中使用 element-ui 文件上传 CrsfToken错误
- element-ui文件上传 做类型大小的限制
- 在vue项目中使用element-ui的Upload上传组件
- element-ui+vue.js 简易留言板
- vue新建项目(二)安装element-ui
- vue.js+element ui学习笔记
- Webpack、Vue、Element UI基础工程构建
- vue element-ui 绑定@keyup事件无效
- Vue 后台实战篇之Element UI
- vue.js+element-ui动态配置菜单
- 【Vue】 element ui 引入第三方图标
- vue 结合饿了么element-ui
- vue-cli与element-ui相关问题
- 机器人技术基础pdf
- 2019第14届中东(阿布扎比)国际防务展
- 逻辑分辨率和物理分辨率
- Canvas In Image Viewer
- webpack使用
- vue+element-ui上传文件
- Spring MVC中使用 Swagger2 构建Restful API
- mysql时间和本地时间相差13个小时
- 编译mongodb client debug版
- struts2入门
- Qt内存泄漏总结(包括检测工具)
- freemarker标签用法(二)
- JAVA反射机制创建对象
- 交叉编译 gdbserver