Nuxt.js he-tree-vueを使用してtree上でドラッグアンドドロップを可能にする
- 2020.04.10
- he-tree-vue, nuxt.js, 使い方
ライブラリ「he-tree-vue」をインストールすると、treeでのドラッグアンドドロップでノードの再構成が可能です。ここでは、nuxt.jsでhe-tree-vueを利用してテキストにエフェクトをかけるまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 no […]
ライブラリ「he-tree-vue」をインストールすると、treeでのドラッグアンドドロップでノードの再構成が可能です。ここでは、nuxt.jsでhe-tree-vueを利用してテキストにエフェクトをかけるまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 no […]
ライブラリ「vue-confirmation-button」をインストールすると、ボタンクリック時に確認メッセージを表示することが可能です。ここでは、nuxt.jsでvue-confirmation-button を利用するための手順と簡単な使い方を記述してます。 環境 OS ubunt […]
ライブラリ「vue-moveable」をインストールすると、ドラッグ、サイズ変更、回転可能な要素の作成が容易です。ここでは、nuxt.jsで vue-moveableを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13. […]
ライブラリ「vue-code-highlight」をインストールすると、ソースコードをハイライトして見やすく表示することができます。ここでは、nuxt.jsで vue-code-highlight を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 n […]
ライブラリ「nuxt-webfontloader」をインストールすると、google fontsをとても簡単に利用することが可能です。ここでは、nuxt.jsでgoogle fontsを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node&nbs […]
ライブラリ「vue-twentytwenty」をインストールすると、画像を2つに分割して表示することができます。ここでは、nuxt.jsで vue-twentytwentyを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12. […]
ライブラリ「vue-cascader-select」をインストールすると、複数種類のスイッチを簡単に実装することできます。ここでは、nuxt.jsでvue-cascader-selectを利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node&nb […]
ライブラリ「vue-collapse-transition」をインストールすると、ボタンなどで要素を展開したり折りたたむことが可能です。ここでは、nuxt.jsで vue-collapse-transitionを利用するまでの手順と簡単な使い方を記述してます。 環境 OS ubuntu1 […]
ライブラリ「vue-clock」をインストールすると、ちょっとしたデジタル時計を実装することできます。ここでは、nuxt.jsで vue-clock を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm&nb […]
ライブラリ「vue-clock-picker」をインストールすると、ちょっとおもしろいアナログ時計型のデータピッカーが実装できます。ここでは、nuxt.jsで vue-clock-picker を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 nod […]