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

vue 导航跳转created不执行,页面不刷新的解决办法

当页面点击跳转详情请求在created中只执行第一次。创建后有缓存,关闭后也不会再执行created(具体是否有缓存可根据keepAlive和跳转路径进行判断)

 解决方案:修改createdactivated

修改前

created() {
    this.getList();
  },

修改后 


activated() {
    this.getList();
  },

也可以利用  watch监听路由变化久执行

  watch: {
    '$route' (to, from) {
  console.log(to,'to')
  console.log(from,'from')
    this.$forceUpdate()
}
}

相关文章:

  • Web自动化测试框架
  • 虚拟电商-数据库分库分表(二)
  • CockroachDB MCP -cursor适用
  • 搞定python之六----文件读写
  • 基于深度学习的蛀牙智能检测与语音提示系统【python源码+Pyqt5界面+数据集+训练代码】
  • Vue2+Vant2 项目初学
  • 计算机是如何工作的
  • DeepSeek 本地化新篇章:Ollama 兼容 OpenAI API 的深度解析与部署实践
  • 【DeepSeek】本地部署DeepSeek的完整教程(Ollama+Docker+Open WebUI)
  • 程序化广告行业(18/89):交易模式与关键概念解析
  • 多线程到底重不重要?
  • Qt 绘图
  • 在线 SQL 转 Python ORM工具
  • DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)之添加列宽调整功能,示例Table14_10空状态的固定表头表格
  • 【Git学习笔记】Git结构原理及其分支管理模型分析
  • 抽象工厂模式
  • python报错: AttributeError: module ‘clr‘ has no attribute ‘AddReference‘
  • Browser Copilot 开源浏览器扩展,使用现有或定制的 AI 助手来完成日常 Web 应用程序任务。
  • 六十天前端强化训练之第十九天全面掌握组件通信:父子组件 Props 传值终极指南
  • 设计模式-工厂模式、策略模式、代理模式、责任链模式
  • 年轻人的事业!6家上海人工智能企业畅想“模范生”新征程
  • “人工智能是年轻的事业,也是年轻人的事业”,沪上高校师生畅谈感想
  • 神十九飞船已撤离空间站,计划于今日中午返回东风着陆场
  • 2024“好评中国”网络评论大赛结果揭晓
  • 浙江官宣:五一假期,没电、没气、没油车辆全部免费拖离高速
  • 杨国荣︱学术上的立此存照——《故旧往事,欲说还休》读后