Vue-tables 2网格组件的使用，如何使用事件总线？

Question

我试图发现这个matfish2 2/vue-tables 2组件，基本用法很好，但是尝试在文档中的漏洞中阅读是很棘手的.很少有谷歌的例子..。

在“医生”中，有这样的说法：

Events

Using Custom Events (For child-parent communication):

<v-server-table :columns="columns" url="/getData" @loaded="onLoaded"></v-server-table>
Using the event bus:
Event.$on('vue-tables.loaded', function (data) {
    // Do something
});

所以我在我的UsersPage.vue里试了一下

<template>
  <div id="users" class="container">
    <div class='users'>
      <v-client-table :data='tableData' :columns='columns' :options='options' @loaded="onLoaded"></v-client-table>
    </div>
  </div>
</template>


<script>
import { Event } from 'vue-tables-2'
export default {
  name: 'UsersPage',
  data () {
    return {
      columns: ['id', 'firstName', 'lastName', 'email', 'birthday'],
      tableData: [ ... ],
      options: {
        perPage: 5,
        perPageValues: [ 5, 10, 15, 20 ]
      }
    }
  },
  ready: function () {
    Event.$on('vue-tables.loaded', (data) => {
      console.log('Loaded...')
    })
  }
}
</script>

但这行不通..。我哪里错了？如何检查这些事件？谢谢你的反馈

更新

我试图修改我的UsersPage脚本如下，没有错误，但也没有控制台日志.

<script>
import Vue from 'vue'
import { Event } from 'vue-tables-2'
Vue.use(Event)
export default {
  name: 'UsersPage',
  data () {
    return {
      columns: ['id', 'firstName', 'lastName', 'email', 'birthday'],
      tableData: [ ... ],
      options: {
        perPage: 5,
        perPageValues: [ 5, 10, 15, 20 ]
      }
    }
  },
  created () {
    Event.$on('vue-tables.loaded', function (data) {
      console.log('Loaded...')
      console.log('My event has been triggered', data)
    })
  },
  methods: {
    onLoaded ($event) {
      console.log('My event caught in global event bus', $event)
    }
   }
  }
</script>

Answer 1

在阅读了废弃的Vue-table版本之后.我发现这个事件只在服务器端触发.不是客户..。文档中缺少了很多示例，对于Vue.js新来的人来说也很难理解.

加载(服务器端)

在将响应数据附加到表后触发。通过回复发送出去。