Vuejs with VueTable2

2

I'm trying to use VueTable-2 by sending the information via% pro_de%. I looked at a number of websites, tested it, and it did not work, I even found this example in the format I need, but it also does not work. The most basic code would be the code below, does anyone know why this does not work? Or the right way.

I put it to display on the screen the test object that the table should render.

  

Note: With the type of data equal to api-mode it works perfectly, what I need, is that it works with api-mode equal to true .

Vue.use(Vuetable);
new Vue({
  el: '#app',
  data: {
    tableColumns: ['id', 'name'],
    itens: [
        { id: 1, name: "Jogos Vorazes" },
        { id: 2, name: "Todo mundo em Pânico" }
    ],
  }
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.16.2/axios.min.js"></script><scriptsrc="https://unpkg.com/[email protected]"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><divid="app" class="container">

  <h1 class="text-center">Vuejs com VueTable-2</h1>

  <hr>

  <vuetable ref="vuetable"
       :api-mode="false"
       :fields="tableColumns"
       :data="itens">
  </vuetable>
  <pre>{{ itens }}</pre>
</div>

Edited:

The VueTable-2 project in version 1.6.3 was marked as containing a bug. The opening link in Git's issue . Waiting for the correction to close the topic.

Edited (corrected):
  

The bug has been fixed in version v1.6.5.
  Note, for anyone using version 1.6.3 will be with this bug

    
asked by anonymous 08.06.2017 / 21:38

1 answer

0
  

The bug has been fixed in version v1.6.5.
  Note, for anyone using version 1.6.3 will be with this bug

    
13.06.2017 / 14:14