基于vue的移动端图片上传

1、上传效果(含添加和删除设计图):

       达到上传上限,隐藏上传图标,删除后,数量小于上限会自动显示。

基于vue的移动端图片上传_第1张图片

2、html代码

//使用前,先把组件引入 


//multiple:是否支持多选
//max:最多上传几张
//list:编辑反显使用

4、组件代码(使用了mint-ui提示 和less预处理器)






 

5、获取组件上传内容

在父组件提交的时候,获取上传组件上传的图片内容,获取为一个数组。 

let picList = this.$refs.upload.list;

 

你可能感兴趣的:(javascript,vue)