robby-image-upload
robby-image-upload copied to clipboard
图片拖拽排序问题
您好 我遇到了 页面中缩略图并没有按照拖拽后排序显示 点击图片放大后是正确的图片 下方是我添加组件的方式
<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>
麻烦您看一下 是我那儿做的不对吗 万分感谢
您好 我想我已经解决了这个问题 引用方式改为 <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; } } },
测试后暂时没发现问题
把属性绑定由:value改为v-model. :value只是单向绑定,子控件中数据发生变化是不会同时反应在外部的。 v-model是双向绑定,外部变化,会导致子控件内部数据发生改变,内部发生变化后,外部会同步更新。
看你的解决方案大概就是做这个事。 我的示例代码中也是用的v-model吧,你可以试试看