同一页面使用多个upload组件

作者: 懒癌晚期的强迫症 | 来源:发表于2017-10-17 11:21 被阅读0次

同一页面使用多个upload组件
关于elementui的el-upload等携带自定义参数的问题
命名视图实现经典布局（展示多个同级组件）
墨刀动态组件问题
Element Upload上传多文件请求一次接口
vue动态组件
关于使用el-upload组件上传多张图片的问题
一个页面多个router-view，命名视图
antd的upload组件上传功能踩坑
VUE ElementUI 回调函数无法多加参数

解决方法参考自新手机的猪

遇到的问题
在动态添加多个upload图片时，data需维护多个图片数组数据
在:on-success的方法里无法传参index

解决方法：

修改element-ui依赖node_modules/element-ui/lib/element-ui.common.js
在props中添加 objectBind: null

image.png

在 this.onSuccess的执行处新增这个参数

image.png

在页面中的upload组件新增这个值:objectBind = index

image.png

此时，我们在:on-success的回调方法可以获取index的值

image.png

同一页面使用多个upload组件
解决方法参考自新手机的猪遇到的问题在动态添加多个upload图片时，data需维护多个图片数组数据在:on-s...
关于elementui的el-upload等携带自定义参数的问题
以下方法适用于使用v-for循环出的多个文件/图片上传组件（el-upload）的区分或者多个上传组件通过传递参数...
命名视图实现经典布局（展示多个同级组件）
之前只有一个页面展示一个组件（不包括路由嵌套的组件），如果需要同一个URL同时展示多个组件，则路由规则使用comp...
墨刀动态组件问题
问题：在某一个页面中使用动态组件，组件状态通过标签页正常切换。新添加的多个页面中，继续使用动态组件，组件状态通...
Element Upload上传多文件请求一次接口
Element Upload上传组件，在使用默认的情况下，多个文件上传是多次调用接口。想要多个文件只调用一个接口，...
vue动态组件
多个组件通过同一个挂载点进行组件的切换，is的值是哪个组件的名称，那么页面就会显示哪个组件
关于使用el-upload组件上传多张图片的问题
首先，前端页面使用的是vue的框架。图片上传使用的是element的el-upload组件。其中需要注意的是：1：...
一个页面多个router-view，命名视图
在同一个页面有多个router-view，用于展示不同的组件，请看代码
antd的upload组件上传功能踩坑
在初次使用upload组件上传文件时，出现了几个风格各异的bug，因此做一个记录错误的起源使用upload组件...
VUE ElementUI 回调函数无法多加参数
场景重现： v-for多个element 的upload组件，前端无法识别到底是哪个upload上传了图片，无法实...