vue.js组件动态加载内容的问题

小弟在学习vue.js的时候遇到这样一个问题,我的代码是处理分页。

首先,打开页面的时候会发出一次ajax请求获取前3条数据,当前页码以及页码的总量。然后将这些数据赋值给vue,之后点击下一页之后发送当前页码获取下一页的3条数据并再次赋值给vue。但是出现的问题就是数据获取到了DOM却没有刷新,参考了一下vue的文档似乎要用$set方法。试了一下还是没有变化,看了一下sf有的说用filter,但是感觉摸不着头脑。请各位赐教:

1.png

2.png

v1tal

@JellyBool mark!但是如果刷新了页面的话就会回到第一页,有没有方法能够刷新后停留在当前页面呢?

JellyBool

这种情况下,你只要更新:

 data: {
            pagination: {
                total: 0,
                per_page: 7,
                from: 1,
                to: 0,
                current_page: 1
            },
            offset: 4,// left and right padding from the pagination <span>,just change it to see effects
            items: []
        },

这里面的 current_page: 1吧,不管你是用 url 的 query 或者 session 应该都很好解决吧