ページガイドを「vue-page-guide」で実装する

vue-page-guideは、Vue.js製のページガイドコンポーネントライブラリです。ガイドツールチップの向きのを設定可能なシンプルなライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

ドロップダウンメニューを「v-selectmenu」で実装する

v-selectmenuは、Vue.js製のシンプルで簡単に実装することが可能なドロップダウンメニューコンポーネントです。通常メニューはもちろん、複数グループタイプ、クイック検索を備える事が可能です。マウスの右クリック(コンテキストメニュー)またはマウスを移動してメニューを呼び出すことも可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

仮想数字キーボードを「numeric-keyboard」で実装する

numeric-keyboardは、モバイルブラウザーで機能する仮想数字キーボードコンポーネントライブラリです。モバイルのシステムキーボードの代わりに、数字キーボードを出す仮想入力ボックスで、html5標準プロパティをサポートし、ネイティブ入力要素のように可能な限り動作する素敵なカーソルもあります。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

円形時計コンポーネントを「vue-clock」で実装する

vue-clockは、時計コンポーネントを実装するライブラリです。円形の時計をホームページに設定することが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

星評価コンポーネントを「vue-star-rating」で実装する

vue-star-ratingは、シンプルで高度にカスタマイズ可能な星評価コンポーネントです。星のサイズや色の変更などのスタイルのカスタマイズを行うことができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

カスタマイズ性の高いスライダー「vue-slider-component」の使い方

vue-slider-componentは、高度にカスタマイズされたスライダーコンポーネントです。マルチスライダーや範囲指定、スイッチデータなどのスライダーもサポートしています。加えて複数のスタイルテーマが公式で用意されています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

コンポーネントのカスタムイベントで$emitが動かない時の対処法

コンポーネントのカスタムイベントがキャメルケースになっているせいで、HTMLのカスタムイベントが動作しませんでした。しかしライブラリのコンポーネントを別コンポーネントに取り込むと動かすことができました。

「vue-accordion」を使ってアコーディオンメニューを実装する

「vue-accordion」はアコーディオンメニューを実装できるライブラリです。キャッチの画像を背景にタイトルと本文で構成されたメニューを実装できます。コピペで実装できるサンプルを公開してます。

「vue-upload-component」を使ってアップロードコンポーネントを実装する

「vue-upload-component」はファイルアップロードコンポーネントを実装できるライブラリです。ファイルアップロードコンポーネント、
マルチファイルアップロード、ディレクトリのアップロード、ドラッグアップロード、ディレクトリのドラッグ、同時に複数のファイルのアップロードを実装できます。コピペで実装できるサンプルを公開してます。