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

转载于 2018-05-14 18:09:00 发布 · 67 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhengguangaa/p/9037445.html

本文介绍了一种在路由变化时重新获取帖子列表的方法。通过监听路由的变化，并使用Vue.js的$http发起GET请求来更新视图中的帖子列表数据。

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
                    }
                })
            }
        }
    }

转载于:https://www.cnblogs.com/zhengguangaa/p/9037445.html