カテゴリー「Vue.js」に関連するページ一覧 3ページ目

Vuexのactionではajaxなどの非同期処理を実装しますが、非同期処理をasync,awaitで実装する方法を紹介します。ファンクションを定義する箇所にasyncを追加しておけば普通にawait...

Vuexの厳格（strict）モードでエラーになってしまう原因でよくあるパターンです。stateに格納した配列をソートして表示するときに、stateの値をcomputedやgettersでそのままソー...

Vue.jsで初期フォーカスを設定する方法を紹介します。例えばモーダル画面が表示された時、モーダルのコンポーネントの中のテキストボックスにフォーカスを当てたい場合などがあります。以下のように、ref属...

webpackを使ったvue.jsのプロジェクトにFontAwesomeを導入します。webpackなどの環境は作成済みとします。最初に、以下のパッケージをインストールします。以下のようにインストール...

特定のフォルダ内にあるシングルファイルコンポーネントを、他のコンポーネントからもグローバルに参照できるように設定します。webpackを使用している前提とします。sharedフォルダにあるコンポーネン...

Vuexのactionの処理で別のactionをコールする方法を紹介します。第一引数のcontextを受取り、dispatchメソッドをコールします。dispatchメソッドの第一引数はコールしたいa...

Vuexのモジュール内のactionの処理で別モジュールのactionをコールする方法を紹介します。ルートのactionの場合、moduleで定義したactionをコールする場合は、以下のようにモジュ...

vue-routerで各ページに遷移したタイミングで初期化などのメソッドをコールしたい場合があります。以下のようにbeforeRouteEnterで各ページ起動時に処理を行うことができます。befor...

Vue.jsのコンポーネント内のあるメソッドにdebounceやthrottleを使用して、メソッドを発生させるタイミングを制御したい場合があります。lodashのdebounceやthrottleを...

Vue.jsでモーダルダイアログをプログラムから呼び出す方法を紹介します。以下のソースではVuetifyを使用していますが、CSSフレームワークにかかわらず考え方は同じです。以下は、Vuetifyの公...