Vue.js vue-qriouslyを使用して簡単にバーコードを作成
- 2020.01.26
- Vue.js
vue-qriouslyを使用し、バーコードを簡単にサイト上に表示するサンプルコードです。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境構築 下記のコマンドで構築。今回は、v […]
Vue.js
Vue.js vuejs-datepickerを利用してカレンダーから日付選択を可能にする
- 2020.01.22
- Vue.js, vuejs-datepicker
Vue.jsのライブラリvuejs-datepickerをインストールして、日本語化とフォーマット指定してカレンダーから日付を取得するサンプルコードです。bootstrapも利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 n […]
Vue.js vue-sweetalert2をインストールしてalertを表示する
- 2020.01.20
- vue-sweetalert2, Vue.js
Vueのライブラリvue-sweetalert2をインストールしてalertを表示するまでの簡単なサンプルコードです。 bootstrap-vueも少し利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @ […]
Vue.js ant-design-vueを使用してみる
- 2020.01.19
- ant-design-vue, Vue.js
vueのUIフレームワーク「ant-design-vue」が、なかなか良さそうなので、利用するまでの構築手順を記載 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 Vue環境構築 下記のコ […]
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-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 […]