Vue.js

Vue.jsのmeetupに参加してきました

こんにちは。最近、MacBook Proを購入した k-so16 です。 2019/4/25に開催されたv-kansai Vue.js/Nuxt.js meetup #5に参加してまいりました。本記事ではそのmeetupについて紹介します。 人生初めてのmeetupへの参加で、さらにVue.jsもまだかじった程度1なので、本記事では、初心者目線から見たmee・・・続きを読む

Vue.js のフレームワーク Quaser Framework を使ってみる

Vue.js のフレームワークでこれまで Vuetify を利用していましたが、 Quasar Framework に浮気してみました。 今回はインストール、開発環境起動、ビルドまでの流れを紹介します。 この記事における Quasar のバージョンは v0.17.x で、開発環境は Windows 10 Pro + VSCode + git bash です。・・・続きを読む

Vue.js VeeValidateの固有メッセージを変更する

こんにちは。ふっくんです。 Vue.jsのバリデーションライブラリ VeeValidate の固有メッセージを変更する方法を紹介します。 ※既にVeeValidateを導入されている方を対象としています。 VeeValidateの導入方法などは本記事では紹介しません。 メッセージの日本語化についても本記事では紹介しません。 基本的なVeeValidateの使・・・続きを読む

Vue.js で絞り込み検索できるドロップダウンリスト (select) をつくる

今回は Vue.js でつくる「絞り込みできるドロップダウンコンポーネント」を紹介します。 そう、「あー、あのプルダウンに検索ついた『あれ』、あれでいいよ」とか「このドロップダウン、なんで検索すらできないの?」とか言われがちなのに、標準では存在しなくて毎回つくる羽目になって、すぐできるだろうと思ったら意外と手間がかかりまくるコントロールの選手代表です。はい。・・・続きを読む

Vuex で Action, Mutation に第3引数を渡したくなったら

こんにちは。ふっくんです。 Vuexを使用していて Action や Mutation に第三引数を渡したいときありますよね? 私は少しハマったのですが、結論から言うとAction や Mutation に第三引数は渡せません! ドキュメントにもちゃんと書いてますね。 API リファレンス · Vuex ストアにミューテーションを登録します。ハンドラ関数は第・・・続きを読む