如何从其他对象实现对象

Question

我在自学Javascript。我使用Vuejs & express开发了一个CRUD应用程序。

在一个组件上，我通过我的api : localhost:3000/api/transport响应给我来自数据库的所有对象来请求我的后端。

有了这个响应，我想实现一个使用vue-val组件制作日历的对象。

这是我的组件脚本：

<script>
import VueCal from 'vue-cal'
import 'vue-cal/dist/vuecal.css'
import axios from 'axios'

export default {
  components: { VueCal },
  data() {
    return {
      transport: [],
      events: [
        /*{ 
          start: '2021-01-21 10:30',
          end: '2021-01-21 11:30',
          title: 'Rdv dentiste',
          content: '<i class="v-icon material-icons">local_hospital</i>',
          class: 'health'
        },*/
      ],
    };
  },
  mounted() {
    this.getTransport();
  },
  methods: {
    getTransport: function() {
        this.loading = true;
        axios.get('http://127.0.0.1:3000/api/transport/')
            .then((response) => {
                this.transport = response.data;
                this.implementEvents(this.transport);
                this.loading = false;
            })
            .catch((err) => {
                this.loading = false;
                console.log(err);
        })
    },
    implementEvents: function(transports) {
      for(var transport in transports) {
        console.log(transport.id)
        this.events.push({
          start: transport.startDate,
          end: transport.endDate,
          title: transporte.designation
        })
      }
    }
    }
};
</script>

implementEvents函数接受我对参数的响应，但我不知道为什么不实现事件数组。

如果我用下面的代码替换，那就是工作。

implementEvents: function(transports) {
      for(var transport in transports) {
        console.log(transport.id)
        this.events.push({
          start: '2021-01-21 10:30',
          end: '2021-01-21 10:30',
          title: 'test'

有谁有主意吗？

Answer 1

尝试使用forEach代替for-in

implementEvents: function(transports) {
        trnsports.forEach(transport => {
        console.log(transport.id)
        this.events.push({
          start: transport.startDate,
          end: transport.endDate,
          title: transporte.designation
        })
       })
    }