v folderのダウンロード - v folderソースコードのダウンロード

v folder

サードパーティ製コンポーネント

1.0.0

ダウンロード

vフォルダー

vue@2 用に作成された、ツリー/ディレクトリ/ファイルの選択または表示用のコンポーネント。

注記

Vue バージョン 2.1.5 以降が必要です。

インストール

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