VUE解决路由里的参数改变页面却没有跳转的问题

第一步：修改app.vue文件

<template><div id="app"><div class="content"><router-view v-if="routerAlive"></router-view></div></div>
</template><script>
export default{data(){return{routerAlive: true,}},provide(){return{routerRefresh: this.routerRefresh}},methods:{routerRefresh(){this.routerAlive = false;this.$nextTick(()=>{this.routerAlive = true;});}}
}
</script><style></style>

第二步：在页面跳转相应的js文件export default中进行修改

添加一行：

inject: ['routerRefresh']

在跳转方法中修改：

let url = "/getList?ID=" + item.id;
this.$router.push(url);
this.routerRefresh();

VUE解决路由里的参数改变页面却没有跳转的问题相关推荐

若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
Ant Design Pro路由参数改变页面没有重新渲染问题的解决
文章目录发现问题解决问题发现问题同一个组件根据Ant Pro路由传递进来的user和menu两个参数实现不同页面的渲染效果,测试发现页面在第一次渲染时没有问题,改变参数重新渲染则不刷新,如下所 ...
table中加表单元素怎么验证_使用element-ui +Vue 解决 table 里包含表单验证的问题...
应用场景: 在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交,同时又需要对table的字段进行校验,效果如图所示: 这个校验中,最关键的问题在于如何给el-form-item ...
解决vue 跳转相同路由携带不同参数，页面不渲染问题
项目中遇到跳转详情,但是详情中侧边有小列表的存在,这样就是相当于从详情跳到详情,如果直接使用this.router.push的方式,则会发现页面不会重新渲染,写在created和mounted内的方法 ...
解决uniapp分段器参数改变不渲染，适用所有组件
在使用uniapp分段器 u-subsection时,组件只会在框架内的加载一次,后续想更改分段器内部的数据,无论如何都不会渲染出来,虽然data内数据变了,但是组件始终不会渲染上这些数据. < ...
vue 解决路由重复点击报错
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) {return or ...
vue图片动画上下跳动_Vue 解决路由过渡动画抖动问题(实例详解)
前言 Vue-Router 作为 Vue 的核心模块,它为我们提供了基于组件的路由配置.路由参数等功能,让单页面应用变得更易于管理.良好的路由管理尤为重要,比如路由拦截.路由懒加载.路由权限等都在开发 ...
vue切换路由不重新渲染_Vue来回切换页面不重新加载 --keep-alive
vue通过路由来回切换两个页面,默认会重新加载当前页面,导致页面不流畅&&加载时间过长等. 而是Vue的内置的一个组件,可以在组件切换过程中将状态保留在内存中,防止重复渲染DOM. 当 ...
路由守卫-vue切换路由登录判断、条件判断
在vue项目中,切换路由时肯定会碰到需要登录的路由,其原理就是在切换路径之前进行判断,你不可能进入页面再去判断有无登录重新定向到login,那样的话会导致页面已经渲染以及它的各种请求已经发出. 一.如 ...
seo vue 动态路由_基于vue.jsvue-router的动态更新TDK（SEO优化）
本文基于工作项目开发,做的整理笔记前几天帮朋友解决这个问题,顺带学习了一下,做个笔记Mark下. 前提条件: 你已经了解并使用vue,能够搭建应用站点. 编码环境: system:OS X EI C ...

VUE解决路由里的参数改变页面却没有跳转的问题

第一步：修改app.vue文件

第二步：在页面跳转相应的js文件export default中进行修改

VUE解决路由里的参数改变页面却没有跳转的问题相关推荐

最新文章

热门文章