vue- elementUi 分页偶数
vue- elementUi 分页偶数
在element分页中使用pager-count报错:
Invalid prop: custom validator check failed for prop "pagerCount"
官网文档
解决
- 修改源码验证部分
pagerCount: {
type: Number,
validator(value) {
return (value | 0) === value && value > 4 && value < 22 && (value % 2) === 1;
},
default: 7
},
- 数据处理
<el-pagination :pager-count="data.pagerCount"></el-pagination>
this.isEven = data.pagerCount % 2 === 0;
if (this.isEven) {
data.pagerCount += 1;
this.$nextTick(() => {
let quicknextDom =
this.$el.getElementsByClassName('btn-quicknext')[0];
quicknextDom.previousSibling.style.display = 'none';
});
}
Lee2