A component made for vue@2, for tree/directory/files selection or displaying.
Vue version above 2.1.5 is required.
# npm
npm install --save v-folder
# or yarn
yarn add v-folderNote that font-awsome is required.
You can run npm run dev for local preview.
For project integration, see configurations bellow:
importVFolderfrom'v-folder';Vue.use(VFolder);newVue({el: '#app',template: ` <v-folder :data="data" :ajax="ajax" :conf="conf" @change="onChange"></v-folder> `,data(){return{uid: 0,conf: {// tree node namenode: 'sourceDir',// KEY NAME of dirs/branches/parents etc.. .branch: 'dirs',// KEY NAME of files/leafs/children etc...leaf: 'files'},data: {// rootsourceDir: 'C:/Users',// childrenfiles: [],dirs: []},// ajax settingsajax: {method: 'GET',url: 'http://localhost:1234',params: {},data: {},headers: {},// params key of pathpathAs: 'path',// process response dataprocess: (res)=>res.data}};},methods: {onChange(result){console.log(result);}}});