ztree在vue中使用

2024年3月23日 314次阅读 来源: 佛前修罗色

ztree(demo文档) http://www.treejs.cn/v3/demo….

ztree在vue中使用步骤

  1. npm install @ztree/ztree_v3
  2. 由于ztree依赖jquery，所以也要下载jquery npm install jquery
  3. 项目build的时候自动加载jquery，并且输出到jQuery中，需要做配置
在webpack.dev.conf.js和webpack.prod.conf.js中配置
new webpack.ProvidePlugin({
    jQuery:'jquery',
    $:'jquery',
}),
  4. 在main.js中引入

import '@ztree/ztree_v3/js/jquery.ztree.core.min.js'
import '@ztree/ztree_v3/js/jquery.ztree.excheck.min.js'
// import '@ztree/ztree_v3/css/zTreeStyle/zTreeStyle.css'
import '@ztree/ztree_v3/css/metroStyle/metroStyle.css'
  5. 按照api文档中进行配置
    原文作者：佛前修罗色
    原文地址: https://segmentfault.com/a/1190000019633261
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞