数据转换

如果您正在使用的数据不是Vuetable使用的格式,则可以设置一个接受response data作为参数的函数,以将其转换为Vuetable可以使用的格式。

通过创建数据转换函数,您将能够预处理从API端点接收回的数据,并在通过使用 transform来指定要使用的数据转换函数进入Vuetable之前对其进行“转换” 。

new Vue({
  el: '#app',
  data: {
    //...
  },
  methods: {
    transformData (data) {
      var transformed = {}

      transformed.pagination = {
        total: data.total,
        per_page: data.per_page,
        current_page: data.current_page,
        last_page: data.last_page,
        next_page_url: data.next_page_url,
        prev_page_url: data.prev_page_url,
        from: data.from,
        to: data.to
      }

      transformed.mydata = []

      for (var i=0; i < data.length; i++) {
        transformed.mydata.push({
          id: data[i].id,
          fullname: data[i].name,
          email: data[i].email
        })
      }
      return transformed
    }
  }    
})
<vuetable
  api-url="..."
  :fields="fields"
  :transform="transformData"
  data-path="mydata"
  pagination-path="pagination"
></vuetable>

也可以看看: