現(xiàn)在有這樣一個(gè)需求:未讀的通知都是有個(gè)紅點(diǎn)的代表未讀,這樣的話,左側(cè)導(dǎo)航欄上面也是會(huì)標(biāo)注幾條消息未讀,點(diǎn)擊一條通知查看詳情之后再返回到這消息列表的話,紅點(diǎn)就不存在了,此時(shí)左側(cè)導(dǎo)航欄也會(huì)少一條未讀消息,這個(gè)業(yè)務(wù)邏輯應(yīng)該都是知道的呢,那么,問題是,我該用一種什么樣合理的實(shí)現(xiàn)思路去解決這問題。我的實(shí)現(xiàn)方式是: 消息通知列表是數(shù)組循環(huán)來著的數(shù)據(jù),我動(dòng)態(tài)給每條消息加上那個(gè)紅點(diǎn)的未讀標(biāo)記,我在return中給個(gè)屬性控制,true的時(shí)候顯示紅點(diǎn)標(biāo)記,那么我點(diǎn)擊查看詳情跳轉(zhuǎn)頁(yè)面的這個(gè)事件中,我給那個(gè)屬性記為false,這樣紅點(diǎn)標(biāo)記就不顯示啦,問題來啦,我在點(diǎn)擊事件效果中是記為false了,但是為什么紅點(diǎn)沒有消失;<div class="foot"> 查看詳情<i class="iconfont icon-icon_back_s" @click="queryDetails(item)"></i> </div>queryDetails(){ this.dotVisible = false; this.$router.push({path: "infoContent"}); } 這實(shí)現(xiàn)的結(jié)果不盡人意哇,各位大佬有沒有關(guān)于這種消息通知提示的vue操作有沒有更好的實(shí)現(xiàn)方式哈~
vue中如何有效的實(shí)現(xiàn)未讀消息的記錄
慕哥9229398
2019-03-14 18:12:06