v folder

dossier V

Un composant conçu pour vue@2, pour la sélection ou l'affichage d'arborescence/répertoire/fichiers.

Note

La version de Vue supérieure à 2.1.5 est requise.

Installer

 # npm
npm install --save v-folder

# or yarn
yarn add v-folder

Notez que font-awsome est requis.

Démo

Vous pouvez exécuter npm run dev pour un aperçu local.

Pour l'intégration du projet, voir les configurations ci-dessous :

 import VFolder from 'v-folder' ;
Vue . use ( VFolder ) ;

new Vue ( {
  el : '#app' ,
  template : `
      <v-folder :data="data" :ajax="ajax" :conf="conf" @change="onChange"></v-folder>
  ` ,
  data ( ) {
    return {
      uid : 0 ,
      conf : {
        // tree node name
        node : 'sourceDir' ,
        // KEY NAME of dirs/branches/parents etc.. .
        branch : 'dirs' ,
        // KEY NAME of  files/leafs/children etc...
        leaf : 'files'
      } ,
      data : {
        // root
        sourceDir : 'C:/Users' ,
        // children
        files : [ ] ,
        dirs : [ ]
      } ,
      // ajax settings
      ajax : {
        method : 'GET' ,
        url : 'http://localhost:1234' ,
        params : { } ,
        data : { } ,
        headers : { } ,
        // params key of path
        pathAs : 'path' ,
        // process response data
        process : ( res ) => res . data
      }
    } ;
  } ,
  methods : {
    onChange ( result ) {
      console . log ( result ) ;
    }
  }
} ) ; 

Capture d'écran