时间戳

首页 > 解决方案 > 如何正确输出 json 作为对象

javascript - 如何正确输出 json 作为对象

问题描述

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

但是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 = []


    },

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

标签： javascriptjsontypescriptvue.jsvuetify.js

解决方案

放置这个：

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

有了这个：

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

推荐阅读