Vue项目,同一个页面使用两个分页,出现了影响

首先,pagination也是已经封装好的了,直接拿过来用的。
其次,我在同一个页面里是使用了两个分页,其中一个是放在了弹窗里使用,但是当我点开弹窗后在返回,页面上的分页就消失了,也会显示display:none。
如下代码,分页:

img


页面上的:

img


页面未点开弹窗时:

img


点开弹窗后关闭弹窗后

img


有什么办法解决吗?

v-show的控制条件建议使用不同的变量控制,你都是用的 total>0,就意味着两个分页组件的显示隐藏一样

这个影响到了

img

你使用的v-show中不能使用同个total,那样会发生冲突了,就会导致你上述问题,把其中的一个total换为totals就不会出现消失的情况啦