Vuetable 方法

normalizeFields

  • 参数:none

  • 使用:

    fields定义解析为Vuetable可用的字段对象。在created生命周期挂钩期间,此方法自动称为“一次” 。

    如果您动态更改fields道具,则您将需要手动调用normalizeFields方法来正确解析该fields定义,因为Vuetable将无法接管更改并且将无法按预期工作。

setData

  • 参数:

    • data: Array | Object
  • 使用:

    您可以使用此方法来手动设置Vuetable将用于表呈现的数据,而不是从服务器请求数据。

    如果data 参数的类型为Array,则Vuetable将使用这些数组作为呈现表的数据。

    如果data 参数的类型为Object,则它必须符合Vuetable期望的 Data Structure (例如,既包含数据又包含分页信息)。

    注意该方法将自动设置api-mode to false.

reload

  • 参数:none

  • 使用:

    强制Vuetable使用参数的当前值从服务器重新加载数据。但是,页码不会被重置。

refresh

  • 参数:none

  • 使用:

    强制Vuetable从服务器重新加载数据,并且页码将重置为1。这与使用goto-page页面事件加载第1页相同。

resetData

  • 参数:none

  • 使用:

    这将设置tableDatatablePaginationnull导致在表中没有显示任何数据(因为没有数据显示)。此方法还将触发vuetable:data-reset 事件,可以捕获该事件以相应地强制更新分页组件。

transform

  • 参数:

    • data: Array
  • must return: Array

  • 使用:

    如果从服务器返回的数据不是Vuetable期望的格式,则可以transform在主Vue实例上定义方法,Vuetable会使用服务器中的数据自动调用它。

    transform方法必须返回Vuetable期望的数据数组。

    参阅: 数据格式(JSON)

gotoPreviousPage

  • 参数:none

  • 使用:

    ** API Mode Only **

    此方法将自动从服务器请求上一页数据。

gotoNextPage

  • 参数:none

  • 使用:

    ** API Mode Only **

    此方法将自动从服务器请求下一页数据。

gotoPage

  • 参数:

    • page: Number
  • 使用:

    ** API Mode Only **

    此方法将自动从服务器请求指定的数据页。

changePage

  • 参数:

    • page: String, Number
  • 使用:

    ** API Mode Only **

    此方法将自动从服务器请求指定的数据页。您可以输入页码,也可以输入“ prev”字符串作为上一页,或“ next”字符串作为下一页。

isVisibleDetailRow

  • 参数:

    • rowId: RowIdentifier
  • 使用:

    确定给定行标识符的详细信息行是否标记为可见。

showDetailRow

  • 参数:

    • rowId: RowIdentifier
  • 使用:

    强制显示给定行的详细信息行。

hideDetailRow

  • 参数:

    • rowId: RowIdentifier
  • 使用:

    强制隐藏给定行的详细信息行。

toggleDetailRow

  • 参数:

    • rowId: RowIdentifier
  • 使用:

    切换给定行的详细信息行的显示。

showField

  • 参数:

    • index: Number
  • 使用:

    强制显示指定的字段。

hideField

  • 参数:

    • index: Number
  • 使用:

    强制隐藏指定的字段。

toggleField

  • 参数:

    • index: Number
  • 使用:

    切换指定字段的显示。