最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

vue中如何使用ztree

来源:动视网 责编:小采 时间:2020-11-27 22:19:50
文档

vue中如何使用ztree

vue中如何使用ztree:下面给大家介绍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
推荐度:
导读vue中如何使用ztree:下面给大家介绍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


下面给大家介绍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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

文档

vue中如何使用ztree

vue中如何使用ztree:下面给大家介绍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
推荐度:
标签: 如何 VUE ztree
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top