How to Use ztree in vue and ztree in vue

How to Use ztree in vue and ztree in vue

The following describes how to use vue ztree. Let's take a look!

Configure package. json

Package and download jquery and 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" },

Automatically load jquery

Jquery is automatically loaded during project build and output to jQuery. jQuery is used in ztree.

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

Import jquery and ztree

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

Call ztree to generate a Tree Structure

Export default {data () {return {nodeData: [{name: "parent node 1", children: [{name: "subnode 1"}, {name: "subnode 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 );}}

Summary

The above section describes how to use ztree in vue. I hope it will help you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very much for your support for the help House website!