vue使用watch 观察路由变化，重新获取内容

最新推荐文章于 2025-05-11 12:48:02 发布

weixin_34092455

最新推荐文章于 2025-05-11 12:48:02 发布

阅读量477

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用watch监听路由变化的方法，并在路由变化时重新获取帖子列表的过程。通过Vue.js的$http发起GET请求，从'/api/communityList'获取数据，并检查响应中的errCode是否为0来判断请求是否成功。如果请求成功，则更新组件内部的postList属性。

watch: {
        $route(to) {
            console.log(to)
            if (to.path.indexOf('index') != -1) {
                //路由变化后重新获取帖子列表
                this.$http.get('/api/communityList').then((res) => {
                    if (res.data.errCode === 0) {
                        let getRes = res.data.data.hotList
                        this.postList = getRes
                    }
                })
            }
        }
    }