vue-kityminder-gg-hejin

vue-kityminder-gg

use

npm install vue-kityminder-gg-hejin --save

main.js

import kityminder from 'vue-kityminder-gg-hejin'

Vue.use(kityminder)
## 解决双击后的名称输入问题
import 'vue-kityminder-gg-hejin/examples/styles/minder.css'

##examples
<minder
	ref="minder"
	@exportData="exportData"
	:importData="importData"
	@saveData="saveData"
></minder>

##解说
export default {
	data() {
		return {
			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: 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 } }
				]
			}
		};
	},
	methods: {
		exportData(data) {//变化时返回数据
			console.lo保存按钮g(data);
		},
		saveData(data){ //

		}
	}
}