[英]How to send data from laravel controller to vuejs
如何将数据从 Laravel Controller 发送到 vue? 我已经设置了我认为它可能工作的方式,但没有发送数据。 我做错了什么? 控制器(设置在单独的 API 文件夹中):
public function index()
{
return User::all();
}
从 api.php 路由:
Route::apiResources([
'user' => 'API\UsersController'
]);
组件代码:
<template>
<div>
<v-toolbar flat color="white">
<v-toolbar-title>Users</v-toolbar-title>
</v-toolbar>
<ol v-for="user in users">
<li>Name: {{ user.name }}</li>
</ol>
<v-data-table
:headers="headers"
:items="users"
:items-per-page="5"
class="elevation-1"
flat
>
</v-data-table>
</div>
</template>
<script>
import {AxiosInstance as axios} from "axios";
export default {
data () {
return {
headers: [
{
text: 'Username',
align: 'left',
value: 'username',
},
{ text: 'Name', value: 'name' },
{ text: 'Surname', value: 'surname' },
{ text: 'Email', value: 'email' },
],
users: [],
}
},
methods: {
loadUsers(){
axios.get('./api/user').then(response => this.users = response.data);
}
},
mounted() {
this.loadUsers();
}
}
</script>
我只是放了一个简单的列表来测试数组,但它只是空白。
替换这个
axios.get('./api/user').then(response => this.users = response.data);
有了这个
axios.get("api/user").then(({data}) => (this.users = data));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.