vue+php+element 实现将vue获取的数组传到php向数据库新增多个字段

好的，这是一个比较常见的前后端交互的问题。首先，你需要在 Vue 中获取到前端传递过来的数组，然后将其发送到后端 PHP 接口。在 PHP 接口中，你需要解析前端传递过来的数组，并将其插入到数据库中。
下面是一个简单的实现过程：

Vue 中将数组传递到 PHP 接口

在 Vue 中，你可以使用 axios 库来发送请求。首先，你需要将数组转换为 JSON 字符串，然后将其作为请求体发送到 PHP 接口。
// 将数组转换为 JSON 字符串
const data = JSON.stringify(array)

// 发送 POST 请求到 PHP 接口
axios.post('/api/addData.php', data)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
登录后复制

PHP 接口中解析数组并插入到数据库中

在 PHP 接口中，你可以使用 $_POST 变量获取到前端传递过来的 JSON 字符串，并将其解析为 PHP 数组。然后，你可以使用 PHP 的数据库操作库（如 PDO）将数据插入到数据库中。
// 获取前端传递过来的 JSON 字符串
$data = json_decode(file_get_contents('php://input'), true);

// 解析数组并插入到数据库中
$conn = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');
$stmt = $conn->prepare('INSERT INTO table_name (column1, column2, column3) VALUES (:value1, :value2, :value3)');
foreach ($data as $item) {
$stmt->bindParam(':value1', $item['value1']);
$stmt->bindParam(':value2', $item['value2']);
$stmt->bindParam(':value3', $item['value3']);
$stmt->execute();
}
登录后复制
注意，这只是一个简单的示例，你需要根据自己的实际情况来进行修改。另外，为了安全起见，你需要对前端传递过来的数据进行验证和过滤，以防止 SQL 注入等安全问题。