v folder

V 폴더

트리/디렉토리/파일 선택 또는 표시를 위해 vue@2용으로 만들어진 구성 요소입니다.

메모

2.1.5 이상의 Vue 버전이 필요합니다.

설치하다

 # npm
npm install --save v-folder

# or yarn
yarn add v-folder

Font-awsome이 필요합니다.

데모

로컬 미리보기를 위해 npm run dev 실행할 수 있습니다.

프로젝트 통합의 경우 아래 구성을 참조하세요.

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

스크린샷