fix

src/component/HomePage/NewCollectionReview.vue

@@ -90,7 +90,8 @@ export default defineComponent({
     },
 	data(){
 		return{
-			asda:{},
+			imgOpen:true,
+
 		}
 	},
 	watch: {
@@ -99,7 +100,10 @@ export default defineComponent({
 				// this.sketchList = []
 				// this.sketch = [[],[],[]]
 				// this.sketchList = this.allBoardData.sketchboardFiles
-				this.setSketch()
+				if(JSON.stringify(newVal)!=JSON.stringify(oldVal)){
+					this.setSketch()
+				}
+			
 			},
 			immediate: true
 		},
@@ -107,10 +111,13 @@ export default defineComponent({
 	},
 	
 	mounted () {
-		
 	},
     methods: {
 		setSketch(){ 
+			if(!this.imgOpen){
+				return
+			}
+			this.imgOpen = false
 			this.sketch = [[],[],[]]
 			nextTick().then(async ()=>{
 				let sketch1:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
@@ -119,21 +126,21 @@ export default defineComponent({
 				sketch1.num = 0
 				sketch2.num = 1
 				sketch3.num = 2
-				let aaa = JSON.parse(JSON.stringify(this.sketchList))
 				if(this.sketchList){
-					for (let i = 0; i < aaa.length; i++) {
+					for (let i = 0; i < this.sketchList.length; i++) {
 						let arr = [sketch1,sketch2,sketch3]
 						let image = new Image()
-						image.src = aaa[i].urlWithWhiteSide
+						image.src = this.sketchList[i].urlWithWhiteSide
 						arr.sort((a,b)=>{
 							var a_num = a["height"];
 							var b_num = b["height"];
 							return a_num - b_num;
 						})
 						// console.log(arr);
-						this.sketch[arr[0].num]?.push(aaa[i])
+						this.sketch[arr[0].num]?.push(this.sketchList[i])
 						// console.log([sketch1.height,sketch2.height,sketch3.height]);
 						await new Promise((resolve:any)=>{
+							
 							image.onload = ()=>{
 								nextTick().then(()=>{
 									sketch1 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
@@ -143,15 +150,18 @@ export default defineComponent({
 									sketch1.num = 0
 									sketch2.num = 1
 									sketch3.num = 2
-									resolve()
 								})
+								setTimeout(()=>{
+									resolve()
+								},200)
 							}
-							
 						})
 					}
+					this.imgOpen = true
 					this.store.commit('setshowSketchList', this.sketch)
 				}
 			})
+
 		}
 	}
 })