Axios 请求提供 getter setter 方法而不是查询的数据 [英] Axios request giving getter setter methods instead of data queried

查看:37
本文介绍了Axios 请求提供 getter setter 方法而不是查询的数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用 Laravel 和 Vue 制作单页 Web 应用程序.我之前使用过 Vue 使用控制器从数据库中获取数据没有问题,但由于某种原因,我现在只得到一个看似无限嵌套的 JS 对象,它在每个父对象中存储了 getter 和 setter 方法,而不是我查询的数据.我见过其他人有类似问题,但对他们有用的解决方案对我不起作用.比如有人用 JSON.parse(JSON.stringify(response.data));仅获取原始数据,但是当我尝试将其存储在 this.actions 中时这不起作用.这是我的 ActionLogController 中的索引方法

公共函数索引($url){$companyName = expand("/", $url);如果(身份验证::检查()){$company = Company::where('name', '=', strtolower($companyName[count($companyName) - 1]))->first();//如果排序不为空$sortby = "created_at";//假设desc(最近的)$sortdirection = 'desc';if(request()->has('sortdirection') && request()->sortdirection == 'asc'){$sortdirection = 'asc';}//如果设置了 sortbyif(request()->has('sortby')){$sortby = request()->sortby;开关($sortby){案例日期":$sortby = "string_date";休息;案例公司":$sortby = "公司名称";休息;案例名称"://没做什么休息;案例通信类型":$sortby = "communication_type";休息;案例联系方式"://没做什么休息;案例主题":$sortby = "状态";休息;案例分配给":$sortby = "assigned_to";休息;案例行动":$sortby = "action_item";休息;案例分配给":$sortby = "assigned_to";休息;默认:$sortby = 'created_at';休息;}}}if($sortdirection == 'asc') {返回 Auth::user()->actionLogs->where('activity_key', '=', '1,' . $company->id)->sortBy($sortby);}返回 Auth::user()->actionLogs->where('activity_key', '=', '1,' . $company->id)->sortByDesc($sortby);}

这是我的 Vue 组件,用于从控制器获取数据.我知道模板代码有效,因为当我在从控制器中提取数据之前向它发送虚拟数据时它运行良好.