VUE项目中使用ZTree(jQuery插件)

npm 导入jQuery

npm i jquery

npm 导入ztree

npm i ztree

使用到ztree的组件(导入jQuery跟ztree)

import jQuery from "jquery";
import "ztree/js/jquery.ztree.core.min.js";
import "ztree/js/jquery.ztree.excheck.min.js";
import "ztree/css/metroStyle/metroStyle.css";

使用ztree (html)

<template>
	  <div class="zTreeDemoBackground left">
	       <ul id="treeDemosOrigin" class="ztree"></ul>
	  </div>
</template>

获取ztree数据,并初始化

data() {
   
   return {
   
         treeData: [],
         setting: {
   
              view: {
   
	                  showIcon: true,//是否显示 文件图标
	                  fontCss: {
   },