[英]Laravel pass json to vue.js
我正在使用Laravel,我想將json傳遞給new Vue
實例。 我該怎么做。
我通過員工對象,像這樣:
$employees = EmployeeModel::with('role','department.company')->get();
return view('employees.employees')->with('employees',$employees);
然后在我的新Vue中這樣做:
new Vue({
el: 'body',
data:{
role: '',
company: '',
list:'{{ $employees }}',
created() {
this.list = JSON.parse(this.list);
}
}
});
它將引發錯誤:vue.js:983 [Vue警告]:評估表達式“ CompanyName”時出錯。
當我將json手冊放入列表時,它可以工作! 像這樣:
new Vue({
el: 'body',
data:{
role: '',
company: '',
list:[{"EmployeeId":1,"RoleId":5,"DepartmentId":6,"InternId":1,"FirstName":"Zoe","LastName":"Altenwerth","Bio":"Quidem perferendis.","email":"Kole.Bechtelar@hotmail.com","LinkedIn":"Sterling.Schowalter@example.net","Gender":0,"password":"$2y$10$bbUlDh2060RBRVHSPHoQSu05ykfkw2hGQa8ZO8nmZLFFa3Emy18gK","PlainPassword":"gr^S=Z","remember_token":"D528C0Ba1Xzq3yRV7FdNvDd8SYbrM0gAJdFUcOBq4sNEJdHEOb2xIQ0geVhZ","Address":"0593 Dallin Parkway Apt. 499\nBotsfordborough, MT 12501","Zip":"21503-","City":"East Janiston","ProfilePicture":null,"BirthDate":"2002-10-13 00:00:00","StartDate":"1995-11-09 21:42:22","EndDate":"2011-01-27","Suspended":0,"created_at":"2016-02-29 12:21:42","updated_at":"2016-03-02 11:53:58","deleted_at":null,"role":{"RoleId":5,"RoleName":"Superadministrator","Description":"Mag administrators toevoegen en bewerken","deleted_at":null,"created_at":"-0001-11-30 00:00:00","updated_at":"-0001-11-30 00:00:00"},"department":{"DepartmentId":6,"CompanyId":12,"DepartmentName":"com","Description":"Accusantium quae.","deleted_at":null,"created_at":"2016-02-29 12:21:41","updated_at":"2016-02-29 12:21:41","company":{"CompanyId":12,"CompanyName":"Dare, Bailey and Bednar","Logo":null,"Address":"85762 Tabitha Lights\nWest Jettie, AK 20878-2569","Zip":"29601","City":"Traceside","KvKNumber":"84c70661-9","EcaboNumber":"fdee61e3-a22d-3332-a","deleted_at":null,"created_at":"2016-02-29 12:21:41","updated_at":"2016-02-29 12:21:41"}}}]
created() {
this.list = JSON.parse(this.list);
}
}
});
那么如何將$ employees對象傳遞給new Vue
實例並使用它呢?
我的猜測是您必須將數據作為JSON發送。 嘗試這個:
return view('employees.employees')->with('employees',json_encode($employees));
在聲明Vue之前,我是這樣做的。
var employees = {!! json_encode($employees) !!};
然后
list: employees,
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.