在vue中给后台接口传的值为数组的格式代码

在Vue中向后台接口传递值需要通过HTTP请求发送数据，一般的格式都是以JSON格式发送。如果要发送一个数组到后台，则需要将该数组转换为JSON格式，再通过HTTP请求发送数据。下面是用数组给后台传值的详细攻略，包含两个示例说明。

将数组转换成JSON

在Vue中需要将数组转换为JSON字符串格式，以便HTTP请求进行发送。使用JSON.stringify()方法可以将数组转成JSON格式。

下面是示例代码片段：

export default {
  data() {
    return {
      userList: [
        { id: 1, name: "Bob" },
        { id: 2, name: "Alice" },
        { id: 3, name: "Jack" },
      ],
    };
  },

  methods: {
    sendUserData() {
      const dataToSend = JSON.stringify(this.userList); // 将数组转换成JSON字符串
      // ...
    },
  },
};

在HTTP请求中发送数组

在Vue中使用axios库来发送HTTP请求。使用axios.post()方法，将包含JSON格式的数组数据作为参数发送出去即可。

下面是示例代码片段：

import axios from "axios";

export default {
  data() {
    return {
      userList: [
        { id: 1, name: "Bob" },
        { id: 2, name: "Alice" },
        { id: 3, name: "Jack" },
      ],
    };
  },

  methods: {
    async sendUserData() {
      const dataToSend = JSON.stringify(this.userList); // 将数组转换成JSON字符串
      const response = await axios.post("/api/users", dataToSend); // 发送HTTP请求

      console.log(response.data); // 打印响应结果
    },
  },
};

注意：后台接口需要处理接收JSON格式的数据。