Question

我是vuetify和nuxt.js的新手

我正在从数据库中获取数据，但是我想在vuetify表中显示它。

Laravel API控制器

func( 12.4 ); // by user expecting the float to be processed, not realizing there's an implicit conversion

MY Laravel API

public function businesslist() {
      $businesslist = Business::paginate(2)->toJson(JSON_PRETTY_PRINT);
      return response($businesslist);
    }
}

MY Nuxt.js Vue页面

Route::get('/businesslist', 'BusinessController@userlist')->name('businesslist');

<template>
  <v-card>
    <v-card-title>
      Nutrition
      <v-spacer></v-spacer>
      <v-text-field
        v-model="search"
        append-icon="mdi-magnify"
        label="Search"
        single-line
        hide-details
      ></v-text-field>
    </v-card-title>
    <v-data-table
      :headers="headers"
      :items="businessuser"
      :search="search"
    ></v-data-table>
  </v-card>
 </template>

 <script>

Answer 1

您应该使用created事件，在这种情况下，请调用您的 businesslist API，并在响应中，应将收到的数据分配给您的 businessuser vue js变量。让我们看一个例子。

created () {
      this.initialize();
    },

 methods: {
   initialize () { 
    this.businessuser = businesslistApiCalling();    
   }
 }

businesslistApiCalling（）;只是一个示例，您应该在此处调用API方法以从服务器接收Json数据。

nuxt，js vue，js如何在表内部获取数据

1 个答案: