Введение

Это упрощённая версия схемы организационной структуры, компоненты которой зависят от vue-org-tree. На этой основе была проведена оптимизация и модификация части исходного кода. Можно перетаскивать элементы мышью, а также масштабировать их с помощью колёсика мыши. Также поддерживается изменение древовидной структуры путём перетаскивания узлов.

• Схема поддерживает перетаскивание элементов и масштабирование с помощью колёсика мыши;
• Поддерживается добавление и удаление узлов;
• Можно редактировать названия узлов;
• Перемещение узлов позволяет изменять древовидную структуру;
• Есть возможность настраивать контекстное меню;
• Слот позволяет настраивать содержимое узла при раскрытии;
• Слот даёт возможность настраивать содержимое кнопки раскрытия.

Для версии Vue 3.x посетите vue3-tree-org.

Установка

npm install zm-tree-org --save
# или
yarn add zm-tree-org

Импорт

import Vue from 'vue';
import ZmTreeOrg from 'zm-tree-org';
import "zm-tree-org/lib/zm-tree-org.css";

Vue.use(ZmTreeOrg);

Пример использования

Пример кода

Последняя версия

Документация

Документация.