robby-image-upload icon indicating copy to clipboard operation
robby-image-upload copied to clipboard

图片拖拽排序问题

Open beforeburning opened this issue 6 years ago • 2 comments

您好 我遇到了 页面中缩略图并没有按照拖拽后排序显示 点击图片放大后是正确的图片 下方是我添加组件的方式

<robby-image-upload
					v-model="imageData"
					:showUploadProgress="upload.show"
					:fileKeyName="upload.fileKey"
					:form-data="openid"
					:enable-drag="upload.enableDrag"
					:enable-del="upload.enableDel"
					:enable-add="upload.enableAdd"
					:limit="upload.limitNumber"
					@delete="deleteImage"
					@add="addImage"
				></robby-image-upload>

麻烦您看一下 是我那儿做的不对吗 万分感谢

beforeburning avatar Nov 12 '19 03:11 beforeburning

您好 我想我已经解决了这个问题 引用方式改为 <robby-image-upload :value.sync="imageData" :showUploadProgress="upload.show" :fileKeyName="upload.fileKey" :form-data="openid" :enable-drag="upload.enableDrag" :enable-del="upload.enableDel" :enable-add="upload.enableAdd" :limit="upload.limitNumber" @delete="deleteImage" @add="addImage" > 计算方法imageListData改为 imageListData: { get: function() { if (this.value) { return this.value; } }, set: function(newValue) { if (this.value) { this.value = newValue; } } },

测试后暂时没发现问题

beforeburning avatar Nov 12 '19 07:11 beforeburning

把属性绑定由:value改为v-model. :value只是单向绑定,子控件中数据发生变化是不会同时反应在外部的。 v-model是双向绑定,外部变化,会导致子控件内部数据发生改变,内部发生变化后,外部会同步更新。

看你的解决方案大概就是做这个事。 我的示例代码中也是用的v-model吧,你可以试试看

smalltee avatar Nov 12 '19 22:11 smalltee