如何将数组添加到vue-kanban块

Question

我在我的web应用程序中实现了vue-kanban组件。在那里，我想显示我的数据库中的一些对象，但我需要一些帮助才能将它们添加到看板中。

这是我的数组和项目：

props: {
  projects: {
    type: Array,
    required: true,
  }
},

在这里，我想将它们添加到看板中，它应该是而不是blocks

data() {
  return {
    stages: ['open', 'doing', 'close'],
    blocks: [
      {
        id: 1,
        status: 'open',
        title: 'test',
      },
    ],
  };
}

我使用该组件：https://github.com/BrockReece/vue-kanban

Answer 1

请参阅What's the correct way to pass props as initial data in Vue.js 2?

如果看板组件需要一个像:blocks="[...]"这样的属性，并且数据不会发生任何变化，那么可以不将projects数组直接传递给它吗？例如:blocks="projects"

如果不是，并且数据名称blocks是必须的，并且数据需要是可变的，则请参见下面的内容。

​

export default {
  name: "YourComponent",
  props: {
    projects: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      blocks: this.projects
    }
  }
}

​