您能否将 Vuetify 数据表的“每页行数”“全部”值从默认的“-1”更改？
Posted
技术标签:
【中文标题】您能否将 Vuetify 数据表的“每页行数”“全部”值从默认的“-1”更改？【英文标题】：Can you change the Vuetify Data Table "Rows Per Page" "All" value from the default "-1"? 【发布时间】：2020-10-04 09:28:08 【问题描述】：使用我正在使用的 API，使用“-1”的页面大小将显示每页 100 的默认项目数量，而不是最大数量 10000。
我可以将items-per-page-options 从默认的[5,10,15,-1] 更改为[5,10,15,10000]，但据我所知，没有选项可以将下拉列表中的标签从10000 更改为All，因为这是自动的由 Vuetify 为 -1 完成。
我的问题的可视化表示：
对“全部”使用默认的-1：
使用自定义 10000 表示“全部”：
【问题讨论】：
在发出 API 请求的时候不能只检查号码，例如let itemsPerPage = page === -1 ? 10000 : page
@Phil 是的，看起来这可能是要走的路。我想我希望 Vuetify 有一个更优雅的解决方案。感谢您的回复！
【参考方案1】：
Vuetify 似乎没有提供自定义触发 "All" 标签的值的选项，因此您可以在 update:page / update:options 事件处理程序中简单地处理此问题
const itemsPerPage = options.itemsPerPage === -1 ? 10000 : options.itemsPerPage
【讨论】：
以上是关于您能否将 Vuetify 数据表的“每页行数”“全部”值从默认的“-1”更改？的主要内容，如果未能解决你的问题，请参考以下文章