当前位置: 首页 > news >正文

vue页面不销毁的情况下再返回,总是执行created,而不触发 activated

vue页面不销毁的情况下再返回,总是执行created,而不触发 activated

原因:

  1. 没有进行页面缓存
  2. 地址和页面组件的name没对上

解决方案:

  1. 组件只有在被 包裹时才会触发 activated 和 deactivated 生命周期
    如果没有被缓存,每次进入路由都会重新创建组件实例,触发 created
    在父组件中添加
    在路由视图处添加缓存:
<!-- 父组件(通常是 App.vue 或布局组件) -->
<template><div id="app"><router-view v-slot="{ Component }"><keep-alive><component :is="Component" /></keep-alive></router-view></div>
</template>
  1. 确认组件名称和路由地址相同
    export default {
    name: ‘NameIndex’,

    访问路由地址
    在这里插入图片描述
    这一点很可能忽略,博主用的ruoyi框架,也是仔细查找才发现的
    在这里插入图片描述

在这里插入图片描述

http://www.dtcms.com/a/282867.html

相关文章:

  • uniapp 调起支付宝 requestPayment:fail service not found
  • 重学前端006 --- 响应式网页设计 CSS 弹性盒子
  • 2021-10-30 C++区间回文个数
  • 康华生物深耕疫苗创新 以核心产品引领行业发展
  • CSS3动画基本使用——页面一打开盒子就从左边走向右边
  • WIndows服务器中使用nssm启动多个Springboot服务
  • 外网访问禅道软件项目管理系统,简单几步将本地内网IP端口设置互联网在线用
  • Three.js 实战:使用 PBR 贴图打造真实地面材质
  • 面试150——数组字符串
  • 定位慢查询
  • PHP面向对象进阶:魔术方法与对象交互技术
  • 【论文阅读 | CVPR 2023 |CDDFuse:基于相关性驱动的双分支特征分解的多模态图像融合】
  • DAP-seq技术服务常见问题解答:从样本准备到数据分析
  • 卷积神经网路--训练可视化
  • 开源一体化协作平台Colanode
  • 深度剖析C++生态系统:一门老牌语言如何在开源浪潮中焕发新生?
  • LeetCode 3201.找出有效子序列的最大长度 I:分类统计+贪心(一次遍历)
  • 开源基金/股票量化平台调研报告
  • 建筑项目如何管理多方协作风险
  • 数据库——转录组数据库大全
  • LangChain-6-消息持久化
  • Spring Boot 项目中数据同步之binlog和MQ
  • 消息队列的秘密 第二章:拜师学艺
  • ES组合使用must与should时的注意事项
  • 【Springer出版 EI检索】第十三届信息系统与计算技术国际会议诚邀请您参与 8.15-17日 上海举办
  • Spring之核心容器(IoC,DI,基本操作)详解
  • iOS 性能监控工具全解析 选择合适的调试方案提升 App 性能
  • Towards Low Light Enhancement with RAW Images 论文阅读
  • 玩转Docker | 使用Docker部署bender个人导航页工具
  • 力扣-146.LRU缓存机制