vue 项目ztree 异步加载树

1、在data()添加setting设置

setting: {
					data: {
						simpleData: {
							enable: true,
							idKey: "",
							pIdKey: "",
							rootPId: 0
						}
					},
					check: {
						//不显示复选框
						enable: false
					},
					view: {
						nameIsHTML: true,
						selectedMulti: false
					},
					edit: {
						enable: false,
						editNameSelectAll: false
					},
					async: {
						enable: true, // 开启异步加载
						url: "", //对应的后台请求路径
						dataType: "json",
						autoParam: [] // 异步加载时需要自动提交父节点属性的参数
					},
					callback: {
						onClick: this.onClick, // 节点被点击时调用
					}
				},

`` 2、点击树异步请求后台数据

onClick(event, treeId, treeNode, clickFlag) {
			//console.log(event, treeId, treeNode, clickFlag)
				let get_url ="xxxxxx"
				this.$http.get(get_url, {}).then(items=> {
				//	console.log('treeSelect res-------->::', items)
	
						//异步点击查询子节点，无该子节点则插入到该父节点中
						if(!treeNode.hasOwnProperty("children") || treeNode.children.length == 0) {
							for(let i = 0; i < items.length; i++) {
								var treeObj = $.fn.zTree.getZTreeObj(treeId);//treeId为自定义的树的id
								var parentZNode = treeObj.getNodeByParam("code", treeNode.code, null); //获取指定父节点，code为本级节点， treeNode.code为当前点击节点的code值
								let newNode = treeObj.addNodes(parentZNode, items[i], false);//将获取到的子节点插入到父节点中
							}
						}

					}
				}).catch(error => {
					console.log(error)
					throw new Error(error)
				})

			},