Vue.js vue-carouselを使用してスクロール機能を実装する
- 2020.01.18
- vue-carousel, Vue.js
vueのライブラリである「vue-carousel」を利用すると、 簡単にスクロール機能が実装することが可能。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 プロジェ […]
Vue.js
Vue.js vue-rate-itを利用してハート型の評価機能を実装する
- 2020.01.17
- vue-rate-it, Vue.js, サンプルコード
vue-rate-itをインストールして、よくある評価機能を実装するサンプルコードです。 vue-rate-it は星型も画像も可能ですが、今回はハート型を利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 […]
webpack-dev-serverを利用時にnpm run dev 外部IP(プライベートIP)の利用手順
webpack-dev-serverを利用時に、npm run devを実行すると config内にあるindex.jsがlocalhostになっているので、localhostからしかアクセスできないので、外部IP(プライベートIP)から確認できるようにする手順 環境 OS ubuntu […]
Vue.js Vue-Tree-Chartを利用してデータをツリーチャートで表示する
- 2020.01.15
- Vue-Tree-Chart, Vue.js
tree-chartが簡単に実装できるVue-Tree-Chartを利用した簡単なサンプルコード 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue.js環境構築 今回はvueapp1 […]
Vue.js Vue2-Dropzoneをインストールしてファイルのアップロードフォームを表示する
- 2020.01.15
- Vue.js, Vue2-Dropzone
Dropzoneのvue版であるVue2-Dropzoneのインストールと簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境構築 下記のコマンドで構築。今回は、vue […]
Nuxt.js error Elements in iteration expect to have ‘v-bind:key’ directives vue/require-v-for-keyが発生時の対処法
Nuxt.js(Vue.jsのフレームワーク)を v-forディレクティブを利用時にエラーが発生したので対処手順を記載。 環境 OS ubuntu19.10 node v12.13.0 npm 6.12.1 Nuxt.js v2.10.2 エラー内容 key […]
VueCLIからelectron-vue.jsをインストールしてVuetifyを利用する
VueCLIを利用しないとVuetifyをelectron-vueで利用できないので、VueCLI をから electron-vue の環境を構築する 環境 OS windows10 pro node V10.16.3 npm 6.9.0 @vue/cli 4.1.1 […]
Vue.js Filtersの簡単な使い方
- 2019.12.29
- Vue.js
vue.jsのFiltersを利用して、小文字を全て大文字に変換する簡単なサンプルコードです。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 プロジェクト作成 vueappという名前でプ […]
Vue.js axios(アクシオス)を使用してWebApiからデータを取得するサンプルコード
cdnのvueとaxiosを利用して外部のWebApiからデータを取得するサンプルコードです。 環境 OS Windos10 エディタ VScode WebApi 今回は、ランダムで人名を返してくれる無料WebApi「RANDOM USER GENERATOR」を利用させて頂き […]
Vue.js vue-toastedをインストールしてNotificationを表示する
- 2019.12.20
- vue-toasted, Vue.js
Vueのライブラリvue-toastedをインストールしてNotificationを表示するまでの簡単なサンプルコードです。bootstrap-vueも少し利用。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vu […]