Как реализовать TreeView?

Question

[xnkka]

Возникли сложности при реализации данного примера.Вот ссылка на песочницу.

Answer 1

[Александр]

А сложность в чём? Что текст по центру? App.vue там у #app text-align: center; стоит.

UPD: Вы в App.vue methods поставили в data, а надо рядом расположить.

export default {
	...,
	data: function () { ... },
	methods: { ... }
}

Comments

[xnkka]

да там в консоли ошибки типа:
[Vue warn]: Property or method "makeFolder" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declari...
[Vue warn]: Property or method "addItem" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declari...
[Vue warn]: Invalid handler for event "make-folder": got undefined
[Vue warn]: Invalid handler for event "add-item": got undefined
не смогу разобраться, что как править

[Александр]

xnkka, Обновил ответ.