vue實現兩重列表集合,點擊顯示,點擊隱藏的折疊效果,(默認顯示集合最新一條數據,點擊展開,顯示集合所有數據)


  效果圖:

  默認顯示最新一條數據:

  點擊顯示所有數據:

 

代碼:

    

    說明:這里主要是 這塊用來控制顯示或者隱藏

       根據當前點擊的  這個方法里傳遞的index 對應  isShow 數組里的index  ,對應起來后,取到數組里的true/false值,控制列表的顯示和隱藏

 

    

    說明:isShow這個數組就是添加所有顯示隱藏狀態的數組

       detailList是列表集合

    (以下說明,寫一塊方便看)

    說明:下面的這個就是格局取到的所有列表集合個數,為isShow數組里添加對應的控制顯示隱藏的false值。

        changeState這個方法就是根據當前點擊的那一條數據,改變isShow數組里對應的值,對應的就展開了列表集合。

    

     注意:這個數組isShow必須使用splic改變自身的值,如果直接賦值改變,vue頁面的值不能對應的更新(也就是vue頁面拿不到改變后的值)。

    splic(當前要改變的數組的下標,改變的個數,要改為什么值)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM