关于layui.laypage.render 刷新首页没有分页问题

前言

  最近写项目遇到一个问题,就是使用vue里的layui.laypage.render 分页时,刷新首页会只有一页,但后台传来的数据是有50多页的,所有的数据也都一一对应,调了好久debug,终于发现了一个地方:layui.laypage.render 的elem有点不对劲。。。

浏览器前端debug图例

然后就顺这个这个elem,找到它关联的地方:

一开始没有关注到这个v-if,只是对了一下projinfo.length的值也是对应的,应该没错才对,然后就网上找找这个v-if。。。。

如下图:

好了,把v-if改成了v-show就行了。。。

原文地址:https://www.cnblogs.com/yuanmaolin/p/10910521.html

时间: 2024-08-08 18:54:30

关于layui.laypage.render 刷新首页没有分页问题的相关文章

LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页

LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年8月1日 http://www.cnblogs.com/fanshuyao/ 效果图: 一.引用js依赖

Qt qml listview 下拉刷新上拉分页控件

Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) [先看效果]    [功能] 1 下拉刷新和上拉分页逻辑 2 /下拉刷新 3 /上拉更多 4 /滚动栏 5 /工具栏半拉显隐 6 Author: surfsky.cnblogs.com 7 Lisence: MIT 请保留此文档声明 8 History: 9 init. surfsky.cnblogs.com, 2015-01 10 a

dedecms 织梦利用arcpagelist标签实现首页arclist分页

DedeCMS首页arclist分页可以利用arcpagelist标签来实现,这里说一下调用方法:首先必须在首页的<head></head>标签里面引入如下js代码: <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> &

phpcms_v9 多图字段 内容页,首页,分页自定义字段调用

phpcms_v9 多图字段 内容页,首页,分页自定义字段调用 说明:自定义多图字段名 shigongtu1 内容页调用{loop $shigongtu $r}     <img src="{$r[url]} " title="测试"/>{/loop} 2 首页,分页调用第一种推荐位调用自定义字段在模型里加好自定义字段后,必须把“在推荐位标签中调用”点击“是“然后用同一样的方法去调节数据就OK了,记住,如果你加了文章,必须去更新文章才会显示,自定义段在推

局部刷新的js分页插件

补上写好的js分页插件.水平有限,可供参考.另外有好建议的可以在评论里面提出,我再做优化.废话不多说了,代码走起! (一)splitPage.js分页插件 直接copy就能使用: /*** * 功能:局部刷新分页显示表格内容 * 作者:JML * 版本:1.0 * 备注:自己封装的局部刷新分页插件,主要是想了解一下分页插件是如何运作的 * 缺陷:水平有限,插件很不灵活,还有两个硬编码块 * 建议:大家还是下载专门的js分页插件来进行使用吧(本代码可供参考) */ /** * 帮助文档: * 1.

layui table开启头部工具栏,分页修改增加

<script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> <a class="layui-inline" title="返回" lay-event="LAYTABLE_RETURN" onclick="javascript:history.back(-1

dedecms 使用自由列表实现首页列表分页

1.点击“核心-频道模型-自由列表管理”,然后在右边点“增加列表” 2.列表样式 选择你需要的选项,系统已说得非常明白,我就不多说了.关键就在这里 循环的内容就是这里面的 3.打开模板目录下的list_free.htm文件 增加自由列表标签 在文章列表的位置加入以下为引用的内容:{dede:freelist/} 不需要循环体的内容了. 说明:以上代码就是调用我们在第2步所写的全部样式代码.在下面加入分页代码以下为引用的内容:{dede:pagelist listitem="info,index,

DEDECMS教程:首页实现分页的两种方法

有两种办法可以实现: 一.用arclist标签+Ajax实现织梦首页分页 二.交叉栏目ID 实现织梦首页分页 一.用arclist标签+Ajax实现织梦首页分页 1.必须在首页<head></head>中引入 <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"

采用AJAX + history api做无刷新页面的分页

大家都知道浏览器有一个history对象是用来保存浏览历史的,比如一个窗口访问了两个个页面,那么history.length属性等于2. history api在H5时代新增了两个方法,pushState和replaceState 从名字就可以知道一个是新增一条记录一个是改变当前那么记录. 用AJAX加history做分页的好处就是既提高了用户体验,支持前进后退,加快页面加载速度又对搜索引擎十分友好 首先我们来判断浏览器是否支持pushState/replaceState if(!!(windo