vue页面跳转刷新

最新推荐文章于 2025-01-15 16:31:38 发布

原创最新推荐文章于 2025-01-15 16:31:38 发布 · 408 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用Vue.js中watch特性来解决路由改变时页面内容不刷新的问题。通过监听$route的变化，当新旧路由不同时，触发重新加载数据的方法，确保页面内容与当前路由保持一致。

//问题现象：当从第一个调到第二个地址时，页面内容不进行刷新，依然停留在地址1的内容，但是地址栏会变化为地址二。
//使用watch监听 
watch: {
      '$route': function(newUrl, oldUrl) {
        if (newUrl != oldUrl) {
        //调用方法，从后台再次获取数据
          this.getList();
        }
      }
    },