プログラミング[NuxtJS]Vuetifyjsのv-data-tableのグループヘッダーをカスタマイズする
NuxtJSのVuetify.jsのv-data-tableのレコードをグループ化したときにグループヘッダーをカスタマイズする方法をメモしておきます。 前提条件 vue：2.6.14 nuxt：2.15.8 vuetify：2.6.1...
NuxtJS
プログラミングプログラミング[NuxtJS]子コンポーネントのメソッドを実行する
NuxtJSでrefsを使用して子コンポーネントのメソッドを実行する方法を説明します。 前提条件 vue：2.6.14 nuxt：2.15.8 vuetify：2.6.1 こちらから今回のソースコードを確認できます。 子コン...
ソフトウェア開発[NuxtJS]Vuetifyjsのデフォルトフォントを変更する
NuxtJSのUI frameworkでVuetify.jsを選択すると、Vuetify.jsのデフォルトのフォントには「Robotoとsans-serif」が設定されているんですが、日本語のフォントがあまり綺麗じゃないので、今回はVuet...
プログラミング[NuxtJS]一度だけ画面を再描画(location.reload)する
画面を一度だけlocation.reload()を使用して再描画する方法を説明します。 前提条件 vue：2.6.14 nuxt：2.15.8 こちらから今回のソースコードを確認できます。 実現方法 画面の初期表示時にWi...
ソフトウェア開発[NuxtJS]watchオプションを使用してデータが変更されたか監視する
特定の変数の値を監視して値が変化したことを検知するwatchオプションというものがデフォルトで提供されています。watchオプションに監視対象の変数の名前と値が変化した時に処理する内容を実装します。古い値と新しい値を受け取ることができるので...
ソフトウェア開発[NuxtJS]コンポーネント間の通信にEventBusを使う
親子関係とかがないコンポーネント間でデータの受け渡しをやろうとした時に「EventBus」という通信の方法があるのを見つけたので実装方法を説明していきたいと思います。 前提条件 vue：2.6.14 nuxt：2.15.8 こちら...
ソフトウェア開発[NuxtJS]NuxtJS入門
NuxtJSでのプロジェクトの作成方法を説明していきたいと思います。 今回はSPA(Single Page Application)でWebアプリを作っていきたいと思います。 前提条件 node：最新版を使用します。 npm：最新版を...