php + vue + element-ui 实现分页功能--页面不刷新

利用的是 Yii2.0 框架做的，下面直接上代码：

前台页面： 

后台页面：

public $pageSize = 3;
public function actionEmailList()
{
    $email = EmailDomain::find();
    $total = $email->count();
    $domains = $email->offset(0)->limit($this->pageSize)->asArray()->all();
    return $this->render('email-list', [
        'total' => $total,
        'pageSize' => $this->pageSize,
        'domains' => $domains,
    ]);
}

public function actionGetEmailList()
{
    Yii::$app->response->format = Response::FORMAT_JSON;
    $page = Yii::$app->request->get('page');
    return ['domains' => EmailDomain::find()->offset(($page - 1) * $this->pageSize ? ($page - 1) * $this->pageSize : 0)->limit($this->pageSize)->asArray()->all()];
}

这个版本是利用ajax异步请求分页，刷新页面后会回到首页，不会保留着在当前页。

可以看刷新页面分页，解决了上述问题，刷新页面会停留在当前页：php + vue + element-ui 实现分页功能--页面刷新

个人做了一个博客，里面有更多分享，欢迎点击：www.caohongyuan.cn