ant design vue的table取消自带分页
就像我记录的这些问题,一方面是给遇到同样问题的小伙伴提供一个解决方案,另一方面也是给自己一个警醒,避免下次再出现同样的问题。报错错误位置—>报错内容—>官方组件使用问题/自定义组件注册问题/配置项/数据类型。组件默认开启了分页,你不但可以通过pagination配置显示或隐藏,还可以配置显示位置。使用组件的时候遇到问题,我们首先要去看文档内相关配置项的介绍。再根据配置项的默认值和数据类型,就能处理
在我们使用ant design vue的table组件的时候会发现:
组件使用如示: <a-table :columns="columns" :data-source="data" bordered></a-table>
显然并没有配置pagination属性,那为什么会出现分页器呢?
这是因为:
组件默认开启了分页,你不但可以通过 pagination 配置显示或隐藏,还可以配置显示位置。
如果需要,还可以同时配置上下同时显示分页。
组件自带分页功能,并默认开启。
那我们有时候数据量不大,根本不想有分页器的存在该怎样把它取消呢?
在使用table组件的时候,配置:pagination="false"
即可。
效果如下:
注意是::pagination=“false” 噢!!!
题外话:
其实,我们最该细细研读官方文档。
使用组件的时候遇到问题,我们首先要去看文档内相关配置项的介绍。
再根据配置项的默认值和数据类型,就能处理大部分遇到的问题
就像我记录的这些问题,一方面是给遇到同样问题的小伙伴提供一个解决方案,另一方面也是给自己一个警醒,避免下次再出现同样的问题。
通过我多次遇到的问题,发现解决问题在于思路的选取:
组件:官方文档—>配置项介绍—>默认值 / 数据类型
报错:错误位置—>报错内容—>官方组件使用问题 / 自定义组件注册问题 / 配置项 / 数据类型
这里是飞鱼爱吃米,只授渔,不授鱼!
更多推荐
所有评论(0)