更新记录
## v1.3(2020-08-28)
- 去除引入的icon.css,防止启动报错。
- 大家可以自定义js的引入路径。
## v1.2(2020-08-27)
- 修改了v1.1版本中新增的编辑场景的bug。
- 增加了在同一页面多次复用同一组件需要进行 $ref进行绑定的说明。
- 在使用过程中请在下面留言邮箱号进行问题沟通回复,谢谢!
## v1.1(2020-08-22)
- 兼容编辑场景,优化新增场景及编辑场景的通用性。
- 编辑场景介绍:例如商品轮播图,新增一个商品为新增场景,需要修改商品信息时为编辑场景。
- 注意事项:该组件为了配合数据库储存及服务器接口,采用储存图片链接后缀,展示时拼接服务器主域名+链接后缀形式,有需要的可以自行修改。
查看更多:平台兼容性、upload-picture组件page中使用方法。
使用方法:
```html
```
```html
:limitCount='limitCount' :sizeType='sizeType' :sourceType='sourceType' :bizType='bizType' ref='contractVoucher' :limitSize='limitSize' :imageList.sync='contractImageList' >
:limitCount='limitCount' :sizeType='sizeType' :sourceType='sourceType' :bizType='bizType' ref='paymentVoucher' :limitSize='limitSize' :imageList.sync='contractImageList' >
```
```javascript
//在JavaScript中获取引用的组件数据并存储到imgListA和imgListB中
this.imgListA = this.$refs.contractVoucher.imgList;
this.imgListB = this.$refs.paymentVoucher.imgList;
```
以下是重构后的代码:
```javascript
data() {
return {
// 使用场景,支持新增上传场景及编辑图片场景,新增-add,编辑-edit
type: 'add',
// 服务器文件夹,可以指定某特定业务上传到服务器那个文件夹下,便于查找
bizType: 'market',
//限制图片大小,单位M
limitSize: 3,
//连续选择上传的数量,默认是9
limitCount: '3',
// 可指定是原图还是压缩图,默认二者都有
sizeType: ['original', 'compressed'],
//从相册和文件选择,默认二者都有
sourceType: ['album', 'camera'],
// imageList对应上边绑定的imageList
imageList: [],
};
},
methods: {
// updateImageList(list){
// this.imgList = list;
//}
},
computed: {},
watch: {},
mounted() {},
};
```
重构后的代码主要将data中的属性进行了调整,使其更加符合Vue组件的规范。同时,将原有的方法注释掉,因为它们没有在代码中实现。
如果您想在Minecraft中自定义服务器文件夹,可以在.minecraft文件夹中创建一个名为“server”的文件夹,并将其重命名为您想要的名称。这将是您的服务器文件夹。如果您想使用默认的market文件夹,您可以将其命名为“market”。