在vue中使用ztree树形组件,如何将ztree图片,改成字体图标呢?求解答?求思路?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue中使用ztree树形组件,如何将ztree图片,改成字体图标呢?求解答?求思路?相关的知识,希望对你有一定的参考价值。

第二张图片参考文章,万能的网友求解?求思路?

参考技术A 使用npm install jquery –save 在项目中安装ztree依赖文件 jquery;
在index.html里面引用ztree样式文件zTreeStyle.css(前面的图标可以自定义可以参考官网)

3.在项目中引入ztree文件,在main.js中引入

网上给的资料是在这里同时引入jquery;但是项目中引入 报错

import from‘jquery′−在你的zTree.vue单文件中引入importfrom‘jquery′−在你的zTree.vue单文件中引入import from ‘jquery’
4.在template中创建盒子,一定要给盒子相应的高度

<div class="tree-box" >
<ul id="treeDemo" class="ztree" ></ul>
</div>

5.在 .vue文件中data配置setting 树,以及定义存放数据的zNodes

6.使用axios 后台请求数据,下图使用请求方式是封装好的

ok完成(希望对你有帮助)追问

我服你,请看题

参考技术B 使用npm install jquery –save 在项目中安装ztree依赖文件 jquery;

layer+zTree实现弹出框+树形图

参考文献

  1. layer弹出框,zTree树插件,树形图
  2. zTree官网
  3. 手把手教你学zTree
  4. 弹层组件文档 - layui.layer
  5. layer 快速上手
  6. layui在线示例

以上是关于在vue中使用ztree树形组件,如何将ztree图片,改成字体图标呢?求解答?求思路?的主要内容,如果未能解决你的问题,请参考以下文章

layer+zTree实现弹出框+树形图

Vue-zTree

jQuery+zTree加载树形结构菜单

jQuery+zTree加载树形结构菜单

原创《开源一个用 vue 写的树层级组件 vue-ztree》

使用zTree插件构建树形菜单