Nephrite Power Mace

    adl-mindeditor-vue

    1.1.9 • Public • Published

    adl-mindeditor-vue

    说明

    用于将服务器保存的思维导图数据显示,或者新建,编辑。可对每个 Node 的数据文本进行数据跳转。

    use

    npm install adl-mindeditor-vue --save

    main.js

    import kityminder from 'adl-mindeditor-vue'
    
    Vue.use(kityminder)
    
    ##examples
    <minder
    	ref="minder"
    	@exportData="exportData"
    	scope="jm"
    	:importData="importData"
    	@saveData="saveData"
    	:theme="theme"
    	:template="template"
    	@jump="jump"
    ></minder>
    
    // 解说
    export default {
    	data() {
    		return {
          theme:'fresh-pink', // 主题
          template: '', // 结构样式
    			importData: {//数据结构
    				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: 62 } },
    							{ data: { text: 'Designsy', id: 73 } },
    							{ data: { text: 'Designsy', id: 84 } }
    						]
    					},
    				]
    			}
    		};
    	},
    	methods: {
    		exportData(data) {//变化时返回数据
    			console.lo保存按钮g(data);
    		},
    		saveData(data){ //
    
    		},
        jump(data) { // 跳转(获取的是当前Node的文本,可以自己根据文本进行数据下钻)
    
        }
    	}
    }

    Install

    npm i adl-mindeditor-vue

    DownloadsWeekly Downloads

    13

    Version

    1.1.9

    License

    ISC

    Unpacked Size

    830 kB

    Total Files

    65

    Last publish

    Collaborators

    • y-saku