如何將數組添加到vue-kanban塊

Question

我正在我的Web應用程序中實現vue-kanban組件。 在那里，我想從我的數據庫中顯示一些對象，但我需要一些幫助才能將它們添加到看板上。

這是我的項目數組：

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

在這里，我想將它們添加到看板，它應該是blocks而不是blocks ：

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

我使用該組件： https ： //github.com/BrockReece/vue-kanban

Answer 1

請參閱在Vue.js 2中將道具作為初始數據傳遞的正確方法是什么？

如果看板組件期望一個屬性，如:blocks="[...]"並且數據不會發生任何事情，你不能直接將projects數組傳遞給它嗎？ 例如:blocks="projects"

如果不是，並且數據名稱blocks是必須的，並且數據需要是可變的，那么請參見下文。

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