国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue中如何使用ztree

2019-11-19 14:24:07
字體:
來源:轉載
供稿:網友

下面給大家介紹vue ztree 結合使用方法,一起看看吧!

配置package.json

打包下載jquery以及ztree

 "dependencies": {  "element-ui": "^2.1.0",  "vue": "^2.5.2",  "axios": "^0.16.1",  "jquery":"3.3.1",  "vue-awesome":"2.3.4",  "ztree":"3.5.24" },

自動加載jquery

項目build的時候自動加載jquery,并且輸出到jQuery中,在ztree中會使用到jQuery。

plugins: [  new webpack.ProvidePlugin({   jQuery:'jquery',   $:'jquery',  }) ]

import jquery以及ztree

import 'jquery' import 'ztree' import 'ztree/css/metroStyle/metroStyle.css'

調用ztree生成樹形結構

export default {  data() {   return {    nodeData: [{     name: "父節點1", children: [      {name: "子節點1"},      {name: "子節點2"}     ]    }],    setting:{     view: {      showLine: false     },     data: {      simpleData: {       enable: true      }     },     callback: {      onClick: this.getFileDesc     }    }   }  },  mounted(){   let nodeData = this.nodeData   $.fn.zTree.init($("#uploadtree"), this.setting, nodeData);  } }

總結

以上所述是小編給大家介紹的vue中如何使用ztree,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 建水县| 大丰市| 大宁县| 大安市| 如皋市| 双流县| 乌什县| 合江县| 湾仔区| 临朐县| 金山区| 和田县| 红桥区| 松江区| 拜泉县| 宿迁市| 天台县| 霍林郭勒市| 漠河县| 公主岭市| 射阳县| 丘北县| 高密市| 襄樊市| 梅河口市| 温泉县| 堆龙德庆县| 项城市| 长顺县| 绥化市| 固始县| 绩溪县| 瓮安县| 思茅市| 内乡县| 团风县| 九台市| 全州县| 澳门| 璧山县| 监利县|