时间戳

首页 > 解决方案 > 在 vuefity 中更改每页项目时是否调用了一个动作？:switch-items-per-page

vue.js - 在 vuefity 中更改每页项目时是否调用了一个动作？:switch-items-per-page

问题描述

我使用以下选项自定义了我的表格：

:items-per-page="itemsPerPage"
:footer-props="{
    'items-per-page-options': [10, 20, 30, 40, 50, -1]
}"

itemsPerPage 在页面加载时取自用户的设置。但现在我想如果用户更改表中的数字，将它们保存为设置。vuefity中是否有事件或函数，如何调用？

标签： vue.js

解决方案

你需要使用update:options 事件。

此事件公开以下数据：

{
  page: number,
  itemsPerPage: number,
  sortBy: string[],
  sortDesc: boolean[],
  groupBy: string[],
  groupDesc: boolean[],
  multiSort: boolean,
  mustSort: boolean
}

因此，当用户更改表中的数字时，上述事件将触发，您可以将选择保存到您的用户设置中。

推荐阅读