vue切换路由页面内容没有重载

项目中遇到这样一个问题：

在一个地方填了一个申请的表单，需要在另一个页面的列表上显示出来这条申请的数据，但是由于vue的缓存，在切换路由时列表上并没有及时更新数据，解决方法如下：

把mounted()改成activated()就行了。（activated用于初始化页面数据等）

原文地址：https://www.cnblogs.com/knuzy/p/9783535.html

时间： 2024-10-07 07:23:33

vue切换路由页面内容没有重载的相关文章

html 不刷新切换当前页面内容

一个小功能,做个笔记: 操作流程是:导航产品有三个下拉子菜单,点击食品跳转,同时跳转出来的子页面中,选中食品这个当前项. 切换食品厨具家电三个选项卡在刷新页面的时候仍然停留在当前选中的选项. 1.使用选项卡来做应该是可以的,但是要处理一个在刷新的时候,保证选中当前项 2.我做的基本的思路: 上面是全部代码,就是判断url中锚点的值来,判断div的显示和隐藏,这样可以保证刷新的时候仍会在当前页面.

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建 vue 项目时,有某些组件没必要多次渲染,所以需要将组件在内存中进行'持久化',此时 <keep-alive> 便可以派上用场了. <keep-alive> 可以使被包含的组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中.在下一次显示时,也不会重现渲染. PS:<keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 this.$p

vue 配置多页面应用

前言: 本文基于vue 2.5.2, webpack 3.6.0(配置多页面原理类似,实现方法各有千秋,可根据需要进行定制化) vue 是单页面应用.但是在做大型项目时,单页面往往无法满足我们的需求,因此需要配置多页面应用. 1. 新建 vue 项目 vue init webpack vue_multiple_test cd vue_multiple_test npm install 2. 安装 glob npm i glob --save-dev glob 模块用于查找符合要求的文件 3. 目

Vue之路由

Vue Router 是 Vue.js 官方的路由管理器.它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌.包含的功能有: 嵌套的路由/视图表模块化的.基于组件的路由配置路由参数.查询.通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为 Vue Router的安装使用 : <!DOCTYPE html> <html lang

[VUE]关于路由哪些事儿

什么是路由之前有个小伙伴面试被问到:面试官:不用vue能不能写单页面应用?答:用angular啊(咳咳,开个玩笑),答案确实是可以的,原生js中有个事件叫做onhashchange,可以在window对象上监听这个事件,通过触发事件动态加载js,实现了没有向服务器发起请求却能通过url和页面关联,这就是所谓的前端路由了.路由反映了url和页面的映射关系 vue路由言归正传,说说vue-router做路由.先来个简单的demo:npm i vue-router --save-dev先通过js手

vue.js路由

Vue.js 路由 Vue.js 路由允许我们通过不同的 URL 访问不同的内容. 通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA). Vue.js 路由需要载入 vue-router 库中文文档地址:vue-router文档. 安装 1.直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js NPM 推荐使用淘宝镜像: cnpm install vue-route

vue的路由介绍

1.带参数的路由 export default new Router({ mode: 'history', //去掉# routes: [ { path: '/apple/:color', name: 'Apple', component: Apple }, ] })apple路由页面必须加上参数否则匹配不到页面,带引号的都是参数 :color也可以是这样的 /apple/:color/detail/:type通过this.$route.param 获取参数参数为{color:red,type

Vue实现路由跳转和嵌套

在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?因此我们需要在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套. index.html,只有一个路由出口 [html] view plain copy<div id="app">  <router-view></router-view> <

（java）selenium webdriver学习---实现简单的翻页，将页面内容的标题和标题链接取出

selenium webdriver学习---实现简单的翻页,将页面内容的标题和标题链接取出: 该情况适合能能循环page=1~n,并且每个网页随着循环可以打开的情况, 注意一定是自己拼接的url可以打开,如:http://ask.testfan.cn/articles?page=15,就可以翻到文章分类的第15页: import java.io.File; import java.io.IOException; import java.util.ArrayList; import java.u