如何正确输出 json 作为对象

Question

我有一个 vuew 应用程序，它生成一个数组，我想将该数组发送到我的 Spring 启动应用程序以保存到数据库。用例是这样的。用户可以根据需要添加任意数量的时间对象，其中包括：日期、开始和结束时间。

但是 json 输出是这样的：

[
   {
      "meetingName":"",
      "meetingTime":[
         [
            {
               "date":"2021-05-31",
               "startTime":"15:30",
               "endTime":"16:30"
            },
         ],
         [
            {
               "date":"2021-06-22",
               "startTime":"15:30",
               "endTime":"16:30"
            },
             
            {
               "date":"2021-06-22",
               "startTime":"15:30",
               "endTime":"16:30"
            },

         ]
      ]
   }
]

但我想要实现的是这样的输出：

 {
      "meetingName":"",
      "meetingTime":[
         
            {
               "date":"2021-05-31",
               "startTime":"15:30",
               "endTime":"16:30"
            },
            {
               "date":"2021-05-31",
               "startTime":"17:30",
               "endTime":"18:30"
            },
          {
               "date":"2021-06-22",
               "startTime":"15:30",
               "endTime":"16:30"
            },
         ]
      
   }

这是我生成数组的方式：

<script>
import DatePickerComponent from "@/components/DatePickerComponent";

export default {
  name: "GenerateMeetingSettings",

  data: () => ({
    selectedTime: [],
    finalMeeting: [],
    datesFinal: [{meetingName: "", meetingPw:"",
      meetingTime: []}] ,
    dates: new Date().toISOString().substr(0,10),
    meetingSettingUrl: "",
    meetingPW: "",     
  })
,

  methods:{

    addTimeFields(){
      this.selectedTime.push({
        date: this.dates,
        startTime:"",
        endTime: "",
      })
    },
    saveDateAndTIme(e) {
        this.datesFinal[0].meetingTime.push(this.selectedTime),

          this.selectedTime = []


    },

有人可以看看我的代码并指出我的错误吗？

Answer 1

R放置这个：

this.datesFinal[0].meetingTime.push(this.selectedTime)

有了这个：

this.datesFinal[0].meetingTime = [...this.datesFinal[0].meetingTime, ...this.selectedTime]

如何正确输出 json 作为对象

How to correctly output json as object

javascript

json

typescript

vue.js

vuetify.js