問題是 showGallery 屬性默認(rèn)為false,但是循環(huán)后,所有的都是false, 如果點(diǎn)擊某一個(gè)gallery, 所有的showgallery 都變成了ture, 所以只會(huì)顯示最上層的那個(gè)galler(別的被覆蓋在底層)。這里需要吧每個(gè)循環(huán)項(xiàng),單獨(dú)設(shè)置ture or false,相互之間不影響,應(yīng)該怎么操作呢?項(xiàng)目是, 循環(huán)項(xiàng)目里,會(huì)循環(huán) 一個(gè)圖片 和一個(gè)組件, 點(diǎn)擊對應(yīng)的圖片回彈出對應(yīng)的gallery組件。在點(diǎn)擊回隱藏組件。<div v-for="item of list":key="item.id"><div class="item"> <img class="item-img " :src="item.imgUrl" @click="handleGalleryClick($index)"> </div><CommonGallery:imgs="item.screenshots"v-show="showGallery"@close="handleGalleryClose"></CommonGallery></div> </div></template><script>import CommonGallery from "./../../../common/gallery/Gallery";export default {name: "ProjectList",components: {CommonGallery},props: {list: Array},data() {return {showGallery: false};},methods: {handleGalleryClick() {this.showGallery= true;},handleGalleryClose() {this.showGallery = false;}}};</script>
您好,如果想要實(shí)現(xiàn)每個(gè)單獨(dú)項(xiàng)實(shí)現(xiàn)單獨(dú)的show的true\false,該怎么做?
慕田峪9158850
2022-01-13 19:11:36