Vue.js + ES6: Tree view base

FumioNonaka

License: MIT License

Fork
1
Fav
0
View
691
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • ES6 62 lines
  • HTML 26 lines
  • CSS 16 lines

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

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

コード002「ツリーの子を開け閉じする


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

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

Forked

sort by