Bootstrap Table Vue 組件的 API。

本頁目錄

使用示例

<BootstrapTable
  ref="table"
  :columns="columns"
  :data="data"
  :options="options"
  @on-post-body="onPostBody"
/>

注意: 使用 v-if 指令時,建議用 div 標簽包裹 BootstrapTable 組件,以避免不必要的錯誤。

Props

columns

  • 類型: Object

  • 詳情:

    Bootstrap Table 的列選項。該 prop 為必填項。

  • 默認值: undefined

data

  • 類型: Array | Object

  • 詳情:

    要加載的數據。

  • 默認值: undefined

options

  • 類型: Object

  • 詳情:

    Bootstrap Table 的表格選項

  • 默認值: {}

事件

調用語法:@on-event="onEvent"

onAll 外的全部事件都定義在 Events API 中。

注意: 事件名稱需轉換為小寫並使用連字符分隔的格式,例如 onClickRow 應寫為 on-click-row

方法

調用語法:this.$refs.table.methodName(parameter)

示例:this.$refs.table.getOptions()

所有方法定義見 Methods API