07月04日,2022

vue页面不改变(页面相同或路由不变)路由参数改变刷新当前页面

再做软件项目时候,很多时候,需要左侧一个菜单栏,左侧就是某个菜单的内容,一般我们都是每个菜单对应一个路由,但是最近在做知识库软件开发时候,左侧的菜单栏是文章列表,右侧是对应选中的文章内容,发现之前的用create或者mount里面去获取参数以及配合watch对应的文章id号,不刷下界面。特此记录解决方法。

 还是必须用watch但是监听时候,不是文章id,且是需要直接是路由如


  watch: {
    $route: {
      handler() {
        this.fileId = this.$route.query.fileId
        console.log('watch', this.fileId)
        this.getFileDetailFun()
        this.getFileReviewListFun()
      },
      deep: true
    }
  },


如此这样解决问题了。

本文链接:https://www.liaonian.com.cn/info_36.html

-- EOF --