element如何二次封装分页组件，当page-sizes未传入或者传入的数组长度为1时，页面隐藏个数显示器？

Question

就是这个组件：https://element.eleme.cn/#/zh...

当 page-sizes 传入数组（且长度大于0）的时候显示

当 page-sizes 传入空数组或者长度为1的数组时，隐藏

我第二个条件的实现，可以通过只给 page-size 传入值，不绑定 page-sizes 实现

但是我这个组件本来就二次封装了的，类似下图

所以 page-sizes 始终会传入，如果直接传null/undefined，页面也许能实现我要的效果，但是会直接报错

请问到底如何改造合适呢？

Answer 1

有个 layout 属性，你的 page-sizes 满足条件时再往里面加sizes，或者你可以把这个字段维护成一个computed数组，然后组件中的layout用computedLayoutArr.join(',')
看文档所得没这么用过，仅供参考

Answer 2

换个思路，从 layout 上处理，如果不满足条件，就把 layout 上的干掉

Answer 3

hide-on-single-page 用这个

Answer 4

<el-pagination :page-sizes="[100, 200, 300, 400]" layout="sizes" :page-size="100" :total="1000"> </el-pagination>

layout="sizes" sizes 控制显示隐藏