拿到数据后无法渲染单个数据

Question

<div class="xuanzejiaoshiDIB">
            <el-form-item label="上课教室" prop="classroom_id">
              <el-select v-model="jiaoshiObj">
                <el-option v-for="(item, i) in classroomShuzu" :key="i" :label="item.classroom_name" :value="i" />
              </el-select>
            </el-form-item>
            <div>
              <el-button type="primary" size="mini" @click="jiaoshiFreeTImeDIa=true">查看教室空闲时间</el-button>
            </div>
          </div>

js

监听教室
jiaoshiObj: {
        handler: function () {
          this.addClassForm.classroom_id = this.classroomShuzu[this.jiaoshiObj].unid
          console.log('教室id----------------')
          console.log(this.addClassForm.classroom_id)
          this.chajiaoshikongxianshijian(this.addClassForm.classroom_id)
        }
      },

addDateFormToSuzu() {
        this.addDateForm.begin_time = this.begintimeA + ':' + this.begintimeB
        this.addDateForm.end_time = this.endintimeA + ':' + this.endintimeB
        this.addDateForm.time = this.timeHourA
        this.addDateForm.classroom_name =                                   this.classroomShuzu[this.jiaoshiObj].classroom_name
        var newData = [];
        console.log(this.addDateForm)
        this.$refs.addDateFormRef.validate(valida => {
          if (!valida) return
          else {
            this.addClassForm.time.push(JSON.parse(JSON.stringify(this.addDateForm)))
            console.log(this.addClassForm.time)
          }
        })
      },

拿到的教室名称在表格中为空白无法渲染

 

Answer 1

一条数据的时候，数据返回的是对象？，对象用v-for循环不是有问题！一条数据也要是数组格式