Duas maneiras de o Vue mudar de página para salvar dados ou arquivos em cache

Descrição da função:

      Em um componente pai grande, mude o aspecto de acordo com o v-if da página da guia, mas a mudança de v-if causará a destruição do componente e, em seguida, volte para os dados de entrada ou arquivo carregado, de modo que a página não pode ser trocada Permita que os componentes filhos da página da guia sejam destruídos.

resolver:

      Coloque uma tag <keep-alive> </keep-alive> no pacote externo do subcomponente;

Se for um método de roteamento, no pacote externo de <router-view> <keep-alive>

Ou é definido no meta de metadados em routes [] ao definir os componentes de roteamento.

routes:[{
        path: '/home',
        component: Home,
        meta: {
            title:'测试tab页面切换的缓存问题',
            keepAlive: true 
           }
        }]

 

Acho que você gosta

Origin blog.csdn.net/pshdhx/article/details/107554383
Recomendado
Clasificación