在laravel中通过vuejs创建数组?

Posted

技术标签:

【中文标题】在laravel中通过vuejs创建数组?【英文标题】:Create array in laravel passing vuejs? 【发布时间】:2021-10-05 15:57:18 【问题描述】:
$arrList = [];
foreach ($product as $val) 
    $arrList[]['name'] = $val->name;
    $arrList[]['quantity'] = $val->quantity;


return response()->json($arrList);

我是 php 新手,所以我不知道如何处理这个问题。 我希望名称和数量在同一个数组中。

到Vue那边得到同样的结果?

(2) […, …, …, …, …, …, __ob__: Observer]
0:
name: iphone
quantity: 100
1:
name: samsung
quantity: 130

【问题讨论】:

我不明白你的问题,你能解释一下吗? 【参考方案1】:

只需更改 foreach 循环中的两行,如下所示:

$arrList = [];
foreach ($product as $val) 
    $arrList[] = ['name' => $val->name, 'quantity' => $val->quantity];


return response()->json($arrList);

这将确保名称和数量都插入到同一个数组和同一个索引处。

而在javascript中你可以遍历json,然后根据需要使用变量。

data.forEach(function(element) 
    const name = element.name;
    const quantity = element.quantity;
);

【讨论】:

如果您通过 API 获取数据,您应该使用resources 进行检查。会改变你的生活!

以上是关于在laravel中通过vuejs创建数组?的主要内容,如果未能解决你的问题,请参考以下文章

在 laravel vue 中通过 axios post 发送对象数组

在 Laravel 4 中通过迁移脚本创建 MySQL 视图

如何在 LARAVEL_7 中通过迁移发送多个复选框

检查文件夹是不是已经存在,如果没有在 laravel 中通过 id 创建一个新文件夹

Laravel 中通过自定义命令创建 service 服务层文件

Laravel & VueJS CORS 尝试对用户进行身份验证时出现问题,即使使用 Cors 中间件也是如此