Forked from: FumioNonaka's Vue.js + ES6: Tree view base View Diff (17)

Vue.js + ES6: Tree view

FumioNonaka

License: MIT License

Fork
0
Fav
0
View
1684
  • Play

Fullscreen

Smart Phone

  • Readme
  • ES6 74 lines
  • HTML 29 lines
  • CSS 16 lines

Vue.js: 再帰的なコンポーネントでツリー表示をつくる

「再帰的なコンポーネント」は、テンプレートに自分自身を入れ子にして読み込む仕組み。基本となる構造を階層化して表現できる。公式サイトの「例」に掲げられた 「ツリー表示の例」にもとづき、コンポーネントを再帰的に用いて、入れ子にしたデータを、ツリー構造でリスト表示した。JavaScriptコードの構文は、ECMAScript 2015 (ECMAScript 6)を用いた。

コード003「項目とフォルダが加えられるツリー表示のインタフェース


Based on "Tree View Example" in the Vue.js official site, revised it with ECMAScript 2015.

  • Vue.js + ES6: Tree view
  • Vue.js + ES6: Tree view

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags