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