Vue 监听路由变化时刷新数据,实现在同一组件打开不同路由

最近在做毕业设计,使用vue做前端时遇到一个问题,在这里记一下。


如图需要在点击上一篇、下一篇时在当前组件页面切换文章

Vue 监听路由变化时刷新数据,实现在同一组件打开不同路由_第1张图片

解决方法:
// 监听,当路由发生变化的时候执行
watch: {
    $route(to, from) {
        console.log(to.path);
        this.query(to.path.slice(8));  //请求数据
    }
},

你可能感兴趣的:(vue.js,前端)