v folder

v-Ordner

Eine für vue@2 erstellte Komponente zur Auswahl oder Anzeige von Baum-/Verzeichnis-/Dateien.

Notiz

Vue-Version über 2.1.5 ist erforderlich.

Installieren

 # npm
npm install --save v-folder

# or yarn
yarn add v-folder

Beachten Sie, dass „font-awsome“ erforderlich ist.

Demo

Sie können npm run dev für die lokale Vorschau ausführen.

Informationen zur Projektintegration finden Sie in den Konfigurationen unten:

 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 ) ;
    }
  }
} ) ; 

Screenshot