第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

您好,如果想要實(shí)現(xiàn)每個(gè)單獨(dú)項(xiàng)實(shí)現(xiàn)單獨(dú)的show的true\false,該怎么做?

您好,如果想要實(shí)現(xiàn)每個(gè)單獨(dú)項(xiàng)實(shí)現(xiàn)單獨(dú)的show的true\false,該怎么做?

慕田峪9158850 2022-01-13 19:11:36
問題是 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>
查看完整描述

2 回答

?
繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊

把showGallery維護(hù)成一個(gè)數(shù)組就能實(shí)現(xiàn)了


<img class="item-img " :src="item.imgUrl" @click="handleGalleryClick(item.id)"> <CommonGallery    :imgs="item.screenshots"    v-show="showGallery.includes(item.id)"    @close="handleGalleryClose(item.id)"></CommonGallery>

data() {  return {    showGallery: [],  };},methods: {  handleGalleryClick(id) {    this.showGallery.push(id);  },  handleGalleryClose(id) {    const index = this.showGallery.indexOf(id);    this.showGallery.splice(index, 1);  },


查看完整回答
反對 回復(fù) 2022-01-16
?
楊__羊羊

TA貢獻(xiàn)1943條經(jīng)驗(yàn) 獲得超7個(gè)贊

你這是一個(gè)由對象組成的數(shù)組,你應(yīng)該給每個(gè)對象加一個(gè)show的屬性去控制,而不是給所有的共用一個(gè)show;

查看完整回答
反對 回復(fù) 2022-01-16
  • 2 回答
  • 0 關(guān)注
  • 306 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號