用vue开发的详情页，路由参数变化，页面刷新问题

最新推荐文章于 2025-06-14 01:34:32 发布

weixin_30323961

最新推荐文章于 2025-06-14 01:34:32 发布

阅读量447

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/auto123-num/p/7308107.html

本文介绍了一种在前端开发中对于路由变化进行监听的方法，并通过解析URL来获取当前页面的状态。具体实现包括使用created钩子和watch监听 '$route' 的变化，以及定义getStatus方法从URL中提取状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看到别人的解决方法，具体是否正确，有待考证

created () {
console.log(this.getStatus(this.$route.path))
},
watch: {
   '$route' (to, from) {
     console.log(this.getStatus(this.$route.path))
   }
},
methods: {
    getStatus (urlStr) {
      var urlStrArr = urlStr.split('/')
      return urlStrArr[urlStrArr.length - 1]
    }
},