keep-live
余温无痕
这个人很懒
展开
-
vue3 keep-alive+vuex配合使用(简单易用)
整理之后发现vue3的keep-alive和vue2相差也不是太大,重点是写法改变了1、App.vue<template> <router-view v-slot="{ Component }"> <keep-alive :include="includeList"> <component :is="Component"></component> </keep-alive> </router-view&原创 2021-09-10 09:05:24 · 1953 阅读 · 5 评论 -
vue vuex+keep-alive进阶用法(灵活缓存页面,主要是移动端)
注意:每个页面都要添加name,name:"页面名称',不然不起作用1、在App.vue中,编写如下代码<template> <div id="app"> <!-- include 需要缓存的组件 --> <keep-alive :include="includeList"> <router-view /> </keep-alive> &原创 2020-12-18 17:29:32 · 685 阅读 · 2 评论 -
vue keep-alive应用场景及如何使用
一、应用场景:在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的原来数据以及滚动位置,这个时候就需要保存状态,要缓存状态。概括来讲:1、列表页面 ——进入详情页 —— 后退到列表页(缓存列表页的原来数据以及滚动位置)2、重新进入列表页面,获取最新的数据二、如何使用在vue2.1.0版本之后的使用方法1、创建router实例的时候加上scrollBehavior方法//在router中的index.jsconst router = new VueRout.原创 2020-07-16 17:45:56 · 6862 阅读 · 0 评论