fix: oss选择图片不展示报错bug

This commit is contained in:
Yer11214 2024-10-07 22:26:13 +08:00
parent 5227e0ae13
commit 604447508a

View File

@ -57,13 +57,14 @@
</Modal> </Modal>
<Modal width="1000" v-model="showOssManager" @on-ok="confirmUrls"> <Modal width="1000" v-model="showOssManager" @on-ok="confirmUrls">
<OssManage ref="ossManage" :isComponent="true" :initialize="showOssManager" @selected="handleCallback" /> <OssManage ref="ossManage" :isComponent="true" :initialize="showOssManager" @selected="(list)=>{ selectedImage = list}" @callback="handleCallback" />
</Modal> </Modal>
</div> </div>
</template> </template>
<script> <script>
import vuedraggable from "vuedraggable"; import vuedraggable from "vuedraggable";
import { uploadFile } from "@/libs/axios"; import {uploadFile} from "@/libs/axios";
// import OssManage from "@/views/sys/oss-manage/ossManage";
import OssManage from "@/views/sys/oss-manage/ossManage.vue"; import OssManage from "@/views/sys/oss-manage/ossManage.vue";
export default { export default {
@ -88,11 +89,8 @@ export default {
}; };
}, },
methods: { methods: {
confirmUrl(){
},
handleClickUploadImage(){ handleClickUploadImage(){
this.show = true this.show = true;
}, },
// //
callback() { callback() {
@ -122,21 +120,22 @@ export default {
handleSuccessGoodsPicture(res, file) { handleSuccessGoodsPicture(res, file) {
if (file.response) { if (file.response) {
file.url = file.response.result; file.url = file.response.result;
this.images.push(file); this.images.push(file);
} }
}, },
confirmUrls(){ confirmUrls(){
this.selectedImage.length ? this.selectedImage.forEach(element => { // this.selectedImage.length ? this.selectedImage.forEach(element => {
this.images.push({ url: element.url }) // this.images.push({ url: element.url })
}):'' // }):''
this.showOssManager = false this.showOssManager = false
}, },
handleCallback(val){ handleCallback(val){
this.selectedImage = val this.$Message.success("导入成功")
this.images.push({url:val.url})
}, },
// //
importOSS(){ importOSS(){
this.showOssManager = true this.showOssManager = true;
this.$refs.ossManage.selectImage = true; this.$refs.ossManage.selectImage = true;
} }
} }