更新记录

## 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”。