Seperti yang ditunjukkan dalam kod, adakah data yang dijana selepas gelung foreach hanya yang terakhir? Console.log(index); console saya boleh mencetak 0, 1, 2, 3, 4, tetapi gambar akhirnya dipaparkan pada halaman adalah semua gambar sekiranya: 4.
this.items.forEach((item:any) => {
// var index = this.items.indexOf(item);
// console.log(index);
// this.index.push(index);
switch (this.items.indexOf(item)){
case 0: this.imgSrc ='assets/liangshi.png';
break;
case 1: this.imgSrc ='assets/xiela.png';
break;
case 2: this.imgSrc ='assets/xuansuo.png';
break;
case 3: this.imgSrc ='assets/ganggou.png';
break;
case 4: this.imgSrc ='assets/gongqiao.png';
break;
default:
this.imgSrc = 'assets/ICON4TEST.png';
}
});
Ini adalah kesan yang dipaparkan pada halaman, semua gambar adalah yang terakhir
Anda menggunakan pembolehubah yang sama untuk menghantar imej, dan ia mesti telah ditimpa oleh gongqiao.png pada akhirnya.
Jika anda ingin menyimpan gambar yang sepadan untuk setiap elemen dalam tatasusunan, anda harus menggunakan tatasusunan.
Mungkin kerana nilai terakhir ini.imgSrc ialah 4, dan nilai sebelumnya tidak disimpan atau operasi seterusnya tidak dilakukan
Jangan gunakan ini dalam fungsi anak panah javascript
Jangan gunakan ini dalam fungsi anak panah javascript
Jangan gunakan ini dalam fungsi anak panah javascript