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的文本,可以自己根据文本进行数据下钻)

    }
	}
}

Package Sidebar

Install

npm i adl-mindeditor-vue

Weekly Downloads

9

Version

1.1.9

License

ISC

Unpacked Size

830 kB

Total Files

65

Last publish

Collaborators

  • y-saku