vue2切换路由后当前页面数据不变keep-alive

Ourboke
Ourboke
Ourboke
30797
文章
148
评论
2022年5月9日10:31:48

keep-alive是vue中的一个内置组件,主要是将组建缓存到内存中,避免切换路由的时候页面刷新从而倒是dom的重新渲染。

使用方法

router文件中index加入

meta: {
keepAlive: true
}

App.vue中加入

<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

vue3切换路由后当前页面数据不变keep-alive

本地环境利用Node.js实现石头剪刀布游戏 网站建设

本地环境利用Node.js实现石头剪刀布游戏

前一段日子学了个石头剪刀布游戏,自己在本地进行了实现,想挂在自己服务器上让他形成一个外网可访问的游戏的时候,出了问题,是接口请求路径不对的问题,现在还不知道什么原因,等解决之后我还会更一下。 所需要...
Zabbix实现对Memcached的监控 网站建设

Zabbix实现对Memcached的监控

Zabbix对Memcached的监控的主要思路是Memcached自身提供了查询状态的命令stats,通过脚本调用此命令并进行数据抽取完成对Memcached的实时监控。 基本步骤:自定义监控...
Unity使用Shader快速制作一个圆形遮罩 网站建设

Unity使用Shader快速制作一个圆形遮罩

最近看到橙子做了一个类似于音乐播放器的功能。感觉挺不错的,特地拿出来分享给大家。 点击播放以后 中间的圆型图片会开始转动,用过 某易音乐的或者其他手机播放器的都懂。 然后因为我(懒)不想...