vue通过监听实现相同路径的视图重新加载

最近在做一个项目,前端菜单路径如下:

{
                path: '/oa/workflow/process/:status',
                component: sys_workflow_process,
                name: '流程查询',
                hidden: true
            },
            {
                path: '/oa/workflow/process/1',
                name: '待办流程',
                component: sys_workflow_process,
            }
            ,
            {
                path: '/oa/workflow/process/2',
                component: sys_workflow_process,
                name: '已办流程'
            },
            {
                path: '/oa/workflow/process/3',
                component: sys_workflow_process,
                name: '全部流程'
            },

菜单能正常显示,但发现从待办流程切换到已办流程时,页面没有重新刷新,但URL已经变化了. 经查,是因为各个菜单路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载. 解决办法如下:

  watch: {
            '$route' (to, from) {
                //重新加载页面
                this.switch(to.params['status']);
             this.getDataList();
            }
        }

这样,通过监听后,当路由URL发生变化时,重新加载视图

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏進无尽的文章

基础篇-Mac终端指令大全

在日常开发中我们经常会用到一些Mac的指令在终端中进行操作,所以了解和熟练使用一些基本的Mac终端指令是非常有必要的,也有利于自己的职业发展,下面就简单总结下M...

14910
来自专栏iOSDevLog

在Bitbucket Cloud上发布网站

现在可以在yoursitename.bitbucket.io上访问Bitbucket Cloud上托管的静态站点。除了将链接更新为指向https://yours...

20930
来自专栏技术博客

Google免费的SVN服务器管理VS2010代码

Google免费为我们提供了代码管理的SVN服务器。首先我这里用的Win7 64的电脑系统,用VS2010进行的代码开发。这里管理代码需要以下准备(现在用的都是...

28710
来自专栏smy

Java JDK安装小谈

我用的是当前最新版jdk-7u10-windows-i586。 安装时有两个需要选择的安装路径,一个是JDK一个是JRE。两个最好安装在同一文件夹下。 jr...

36650
来自专栏电光石火

使用Maven创建web项目

使用eclipse插件创建一个web project 首先创建一个Maven的Project如下图 ? 我们勾选上Create a simple ...

389100
来自专栏应兆康的专栏

Python Web - Flask笔记7

Flask-Script的作用是可以通过命令行的形式来操作Flask。例如通过命令跑一个开发版本的服务器、设置数据库,定时任务等。要使用Flask-Script...

13920
来自专栏抠抠空间

爬虫之FileCookieJar

19300
来自专栏java一日一条

HttpInvoker运作原理

HttpInvoker是常用的Java同构系统之间方法调用实现方案,是众多Spring项目中的一个子项目。顾名思义,它通过HTTP通信即可实现两个Java系统之...

15950
来自专栏文渊之博

使用PowerShell 监控运行时间和连接情况

概念 Powershell 是运行在windows机器上实现系统和应用程序管理自动化的命令行脚本环境。你可以把它看成是命令行提示符cmd.exe的扩充,不对,应...

30060
来自专栏coding

bash基础特征

11820

扫码关注云+社区

领取腾讯云代金券