Как добавить массив в блоки vue-kanban
Я внедряю компонент 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-канбан
В mounted попробуйте установить this.blocks на this.projects || [] ? this.blocks = this.projects || [] или См. этот ответ для инициализации свойства данных для реквизита. stackoverflow.com/questions/40408096/…
@FrancisLeigh, как именно должен выглядеть код?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
См. Как правильно передать реквизиты в качестве исходных данных в Vue.js 2?
Если компонент Канбан ожидает такой атрибут, как :blocks = "[...]", и с данными ничего не произойдет, можете ли вы не передать ему массив projects напрямую? например :blocks = "projects"
Если нет и имя данных blocks является обязательным, и данные должны быть изменяемыми, см. ниже.
export default {
name: "YourComponent",
props: {
projects: {
type: Array,
required: true
}
},
data() {
return {
blocks: this.projects
}
}
}Не работает... в консоли также нет ошибки, поэтому я не знаю, что не так
Как я уже сказал, в консоли нет ошибки, поэтому я не знаю, что не так.
@carl, можете ли вы обновить свой вопрос, указав весь компонент или, может быть, Github Gist.
Добро пожаловать в СО! Пожалуйста, добавьте код шаблона, который вы пробовали.