如何将数组添加到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
    }
  }
}