在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 關(guān)于keep-alive的問題

vue 關(guān)于keep-alive的問題

我的路由是設(shè)計成兩個大路由,然后分別有子路由的,類似于

routes:[
    {
        path:'/home',
        child:[
        {
            path:'/home/a',
        },
        {
            path:'/home/b',
        }
        ]
    },
    {
        path:'/other',
        child:[
        {
            path:'/home/c',
        },
        {
            path:'/home/d',
        }
        ]
    }
]

然后我在app.vue設(shè)置

<keep-alive>
      <router-view></router-view>
      </keep-alive>

發(fā)現(xiàn)keep-alive 不生效
但是我如果分別在兩個大路由的根組件上設(shè)置keep-alive,a頁面到b頁面,c頁面到d頁面成功緩存,但是a頁面到c頁面是緩存不成功的,有哪位道友遇到類似情況的??

回答
編輯回答
背叛者

如樓上所說, <keep-alive>只對直屬的子組件有效,
要使a到c的緩存有效,可以參考這里的做法

簡單說就是使a,b,c,d放到同一個嵌套的子<router-view>, 給這個<router-view><keep-alive>

2017年6月10日 23:32
編輯回答
故人嘆

官方說法:
注意,<keep-alive> 是用在其一個直屬的子組件被開關(guān)的情形。如果你在其中有 v-for 則不會工作。

注意看下是不是有v-for

2018年7月12日 06:53