vue刷新页面回到首页

记录一下，实现项目中的小需求，刷新页面回到首页

在App.vue中添加如下代码即可

在created函数中判断当前路由地址是否在首页home，如果不在则替换为home页面

created() {if (this.$router.path !== "/home")this.$router.replace("home")}

vue刷新页面回到首页相关推荐

Vue刷新页面重新加载
Vue刷新页面重新加载问题描述在加载同一路由页面的时候,vue的页面默认是不刷新的,需要重新加载数据解决方案修改App.vue 在路由视图上添加一个变量isRouterAlive判断显示实现重 ...
vue刷新页面如何保证路由不变_vue 刷新之后嵌套路由不变重新渲染页面的方法...
vue 刷新之后嵌套路由不变重新渲染页面的方法解决嵌套路由刷新时,路由没有变化,正常情况下页面是不会重新渲染的 1.在router-view中加上条件渲染 v-if 默认为true.让它显示出来 ...
Vue刷新页面有哪几种方式
在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面.体验不是很好. 在某个详情页面的时候,我们经常需要通过路由中的详情 i ...
使用vue 刷新页面后state数据被清空的问题（刷新总是跳转到登陆页面）
在实际的vue项目中,当我们的应用遇到多个组件之间的共享问题时,通常会用到Vuex(一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化),解决组件之间同一状态的共享问题. 因子: Vuex ...
Vue刷新页面的三种方式
我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面.如:用户登录成功.增加.删除.更新等. 原始方法: location.reload(); vu ...
vue刷新页面如何保证路由不变_vue通过路由实现页面刷新的方法
vue 开发微信商城项目, 需求如下: 购物车页面跳转到详情页,购物车页面包含了多个组件,点击结算跳转到订单页面,从订单返回时,购物车页面没有刷新,由于购物车组件之间通过bus实现事件传递,页面跳转( ...
Vue刷新页面方式详解
业务需求/问题描述在项目中经常遇到一个问题,例如新增完表单数据和需要重新刷新页面.类似的业务还有很多.这时我们可以考虑的方式如下 ①(推荐)v-if刷新页面,并依赖注入 (不太清楚的小伙伴可以看我之 ...
vue router当前页面刷新后回到首页
在App.vue中直接写入以下代码在created钩子函数中判断当前路由地址是否在首页home,如果不在则替换为home页面 created() {if (this.$router.path !== ...
vue刷新页面的时候，跳转到别的网页
开发的时候,偶然发现有页面刷新跳转到别的页面,查找发现是name属性设置重了.开始都配置name: '料仓',导致ordinarySilo页面刷新的时候,跳到SMD_XLC页面. 错误代码: 修改后代 ...

vue刷新页面回到首页

vue刷新页面回到首页相关推荐

最新文章

热门文章