使用vue-giant-tree根据id定位位置

<tree:setting="setting":nodes="getTreeData"@onClick="selectTree"@onCreated="handleCreated"/>

引入

import tree from "vue-giant-tree";
components: {tree},data() {return {setting: {check: {enable: false,},data: {key:{name:"label",},view: {// 开启图标显示功能showIcon: true,expandSpeed: 500},simpleData: {//是否使用简单数据模式enable: true,//树节点id，一般是后台数据库主键idKey: "value",//父级idpIdKey: "parentId",rootPId: "0",},},//ztree回调函数callback: {//树选择事件onClick:this.selectTree,onExpand: this.zTreeOnExpand,beforeExpand: this.zTreeBeforeExpand,},},ztreeObj:null,getTreeData:[],
}}

方法：记得要在加载树后handleCreated中写方法

handleCreated(ztreeObj) {console.log("加载树完成");this.ztreeObj = ztreeObj;// let firstTree = ztreeObj.getNodes()[0];// 默认选中第一个// ztreeObj.selectNode(firstTree);// 设置节点全部展开// ztreeObj.expandAll(true);let node=this.ztreeObj.getNodeByParam('id',this.formItem.term_code)this.ztreeObj.selectNode(node,true);},

使用vue-giant-tree根据id定位位置相关推荐

VUE+Cesium 初始化地球，加载三维模型（.glb），绘制轨迹线，homebutton 按键重写（默认定位位置的设置）
Cesium是什么我们打开Cesium官网,能够很清晰的看到官方赋予Cesium的使命,即构建世界一流的3D地理空间应用程序.那Cesium到底是个什么东东呢? Cesium是一个跨平台.跨浏览器的 ...
vue项目使用高德地图定位当前地址
vue项目使用高德地图定位当前地址一.在项目中安装vue-amap插件二.页面代码三.data数据一.在项目中安装vue-amap插件 1.最终效果 2.安装命令 npm install vu ...
vue移动端项目实现定位
vue移动端项目实现定位腾讯地图官方地址 <template><div><div id="container&q ...
vue 拖拽元素到任意位置
vue 拖拽元素到任意位置使用vue-drag-it-dude组件 npm install vue-drag-it-dude --save 参考地址:https://github.com/xzqyu ...
ant design vue 组件 Tree
ant design vue 组件 Tree 实现效果: 实现代码: <div class="tree"><a-treeshow-iconshow-line:lo ...
vue调用高德地图实现定位
vue调用高德地图实现定位第一步创建高德地图key 第二步:下载vue-amap npm install vue-amap --save 第三步:在项目main.js引入vue-amap impor ...
微信小程序----map组件实现检索【定位位置】周边的POI
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 页面顶部分类[汽车服务.汽车销售等]列表和页脚的详细地址在真机测试是会出现不显 ...
vue+element tree(树形控件数据格式)组件(1)
vue+element tree(树形控件数据格式)组件(1), 最近做了第一个组内可以使用的组件,虽然是最简版,也废了不少力.各位前辈帮我解决问题,才勉强搞定.让我来记录这个树形组件的编写过程和期间 ...
Vue 页面跳转到指定位置
Vue 页面跳转到指定位置页面跳转页面 script style 进阶版:随着页面滚动变换导航菜单样式监听页面滚动方法销毁滚动页面跳转页面 <template><div ...
vue简单使用高德地图定位
1.获取key 我们需要到高德开放平台生成key 我这里选的是web端,提交后会生成一个key值 2.安装vue-amap npm install vue-amap --save 3.在项目main. ...

使用vue-giant-tree根据id定位位置

使用vue-giant-tree根据id定位位置相关推荐

最新文章

热门文章