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
    }
  }
}

如何将数组添加到Vue看板块

1 个答案: