Vue中Keep-alive如何让多组件嵌套下特定组件不销毁?

2026-04-02 09:580阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1050个文字,预计阅读时间需要5分钟。

Vue中Keep-alive如何让多组件嵌套下特定组件不销毁?

前言:最近完成了一个精品课程后台管理系统,其中涉及文件上传和文件列表展示。我不想将它们写入一个组件,所以分别开发了两个组件。不过,由于上传文件需要时间,此时用户需要切换到其他组件。

前言

最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现,但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败,所以需要采取keep-alive技术实现不销毁上传文件组件,同时也由于系统模块较多,所以需要多组件进行嵌套。

问题:多组件嵌套下如何指定对应的一个或多个组件存活呢?

*tips:要是对于Vue使用keep-alive的基本用法不熟悉的也可以点击查看vue使用keep-alive的基本用法

配置路由加以判断是否使用keep-alive

MVideoUpload,MFileUpload为上传文件组件,故想之存活,而其他组件则需要挂起刷新数据,但由于MVideoUpload,MFileUpload分别嵌套在MVideos,MFiles组件中,为了保证跳转其他模块组件的时候,上传视频和上传文件的模块不销毁(因为一旦父组件销毁,子组件自然也销毁了),所以两个父组件也需要存活,只是之后需要再加以判断存活那几个子组件。

阅读全文

本文共计1050个文字,预计阅读时间需要5分钟。

Vue中Keep-alive如何让多组件嵌套下特定组件不销毁?

前言:最近完成了一个精品课程后台管理系统,其中涉及文件上传和文件列表展示。我不想将它们写入一个组件,所以分别开发了两个组件。不过,由于上传文件需要时间,此时用户需要切换到其他组件。

前言

最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现,但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败,所以需要采取keep-alive技术实现不销毁上传文件组件,同时也由于系统模块较多,所以需要多组件进行嵌套。

问题:多组件嵌套下如何指定对应的一个或多个组件存活呢?

*tips:要是对于Vue使用keep-alive的基本用法不熟悉的也可以点击查看vue使用keep-alive的基本用法

配置路由加以判断是否使用keep-alive

MVideoUpload,MFileUpload为上传文件组件,故想之存活,而其他组件则需要挂起刷新数据,但由于MVideoUpload,MFileUpload分别嵌套在MVideos,MFiles组件中,为了保证跳转其他模块组件的时候,上传视频和上传文件的模块不销毁(因为一旦父组件销毁,子组件自然也销毁了),所以两个父组件也需要存活,只是之后需要再加以判断存活那几个子组件。

阅读全文