当前位置: 首页 > 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.lryc.cn/news/590543.html

相关文章:

  • QOpenGLWidget自定义控件— 2D点云显示(支持平移、放缩、绘制网格)
  • SpringBoot集成Minio存储文件,开发图片上传等接口
  • 【c++深入系列】:万字详解list(附模拟实现的list源码)
  • 【Fedora 42】Linux内核升级后,鼠标滚轮失灵,libinput的锅?
  • 开源 python 应用 开发(六)网络爬虫
  • ubuntu中拷贝docker容器中的文件到宿主机
  • IKE学习笔记
  • K8s 自定义调度器 Part1:通过 Scheduler Extender 实现自定义调度逻辑
  • AI产品经理面试宝典第28天:自动驾驶与智慧交通融合面试题与答法
  • Xshell 7.0.0111p.exe 下载安装教程 - 详细步骤指南(包含安装包)
  • Kotlin获取集合中的元素操作
  • Kotlin比较接口
  • 《工程伦理》分析报告二 无人驾驶
  • 利用pdfjs实现的pdf预览简单demo(包含翻页功能)
  • 用AI做带货视频评论分析进阶提分【Datawhale AI 夏令营】
  • Windows11怎样禁止应用开机启动
  • pytorch | minist手写数据集
  • 每日算法刷题Day49:7.16:leetcode 差分5道题,用时2h
  • C# 按照主题的订阅 按照类型的订阅
  • OCR 与 AI 图像识别:协同共生的智能双引擎
  • Spring MVC中@PathVariable的用法详解
  • Vue 3 中调用子组件方法
  • LLM大语言模型不适合统计算数,可以让大模型根据数据自己建表、插入数据、编写查询sql统计
  • 从洞察到行动:大数据+AI赋能消费者洞察
  • 【前端】HTML语义标签的作用与实践
  • Ubuntu GRUB菜单密码重置教程
  • 重学SpringMVC一SpringMVC概述、快速开发程序、请求与响应、Restful请求风格介绍
  • 【一文解决】块级元素,行内元素,行内块元素
  • 第五章 OB 分布式事务高级技术
  • exports使用 package.json字段控制如何访问你的 npm 包