javascript - how to render the vuetable2 data?

Question

hi there i need to render the data in vuetable2 from api end point but not working

 <template>
      <div>
        <h1>Vue Table Sample</h1>
        <div class="data-table">
         // need to render the data from this endpoint
          <vuetable
            ref="vuetable"
            api-url="https://vuetable.ratiw.net/api/users"
            :fields="['name', 'nickname', 'email', 'gender']"
            data-path=""
            pagination-path=""
          ></vuetable>
        </div>
      </div>
    </template>
    
    <script>
    import Vuetable from "vuetable-2";
    export default {
      name: "DataTable",
      components: {
        Vuetable,
      },
      data() {
        return {};
      },
    };
    </script>
    
    <style lang="scss" scoped>
    </style>

need to display the data endpoint into the web browser . i m new to vuetable2 and vue world

question from:https://stackoverflow.com/questions/65905678/how-to-render-the-vuetable2-data

Answer 1

Waitting for answers