Vue Version of Baidu Brain Map-support Brain Map Editing Function

npm i vue-kityminder-editor

main.js

import 'vue-kityminder-editor/lib/kityMinder.css'
import kityMinder from 'vue-kityminder-editor'

Vue.use(kityMinder)

Used in components

<kityMinder :importJson="importJson" @minder="minderHandle" />

Test Data

importJson: { 
    'data': { 'text': 'Design project', 'id': 2 },
    'children': [
        { 
            'data': { 'text': 'Designsy', 'id': 3 },
            'children': [
                { 
                  'data': { 'text': 'Designsy', 'id': 4 },
                  'children': [
                    { 'data': { 'text': 'Designsy', 'id': 5 } },
                    { 'data': { 'text': 'Designsy', 'id': 5 } },
                    { 'data': { 'text': 'Designsy', 'id': 5 } },
                  ]
                },
                { 'data': { 'text': 'Designsy', 'id': 5 } },
                { 'data': { 'text': 'Designsy', 'id': 62 } },
                { 'data': { 'text': 'Designsy', 'id': 73 } },
                { 'data': { 'text': 'Designsy', 'id': 84 } }
            ]
        },
        { 'data': { 'text': 'Designsy', 'id': 9 } },
        { 'data': { 'text': 'Designsy', 'id': 102 } },
        { 'data': { 'text': 'Designsy', 'id': 113 } },
        { 'data': { 'text': 'Designsy', 'id': 124 } }
    ]
}

Download Details:

Author: SeakeyCode

Live Demo: https://seakeycode.github.io/vue-kityminder-editor/

GitHub: https://github.com/SeakeyCode/vue-kityminder-editor

#vuejs #vue #javascript #vue-js