fix: oss选择图片不展示报错bug
This commit is contained in:
parent
5227e0ae13
commit
604447508a
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user