[NuxtJS]サーバから取得したファイルをダウンロードする方法
NuxtJS のクライアント側からサーバー側へ API を実行してファイルを取得し、そのファイルをダウンロードさせる実装方法をメモしておきます。 前提条件 nuxt : ^2.15.8 vue : ^2.6.14 @nu …
NuxtJS のクライアント側からサーバー側へ API を実行してファイルを取得し、そのファイルをダウンロードさせる実装方法をメモしておきます。 前提条件 nuxt : ^2.15.8 vue : ^2.6.14 @nu …
NuxtJS で Vuetify を使用して v-btn を nuxt-link にする方法を説明したいと思います。 前提条件 nuxt : ^2.15.7 vue : ^2.6.14 vuetify : ^2.5.5 …
NuxtJS で開発環境や本番環境などの環境に応じて変数の設定値の切り替えを行うために「 cross-env 」という Node のライブラリを使用してみたいと思います。 これを利用することで、開発、検証、本番環境の設定 …
普段業務系のシステム開発で NuxtJS + Vuetify でフロントエンドの開発をしてるんですが、業務系だとあんまりダークモードってやつを使わずシンプルにライトモードのみで開発を進めていくんですが、やっぱり状況に応じ …
NuxtJS で作成したプロジェクトで Dockerfile を作成してみました。 その時の Dockerfile をメモしておきます。 Dockerfile の中身 FROM node:16.13.0 as build …
NuxtJS のプロジェクトで nuxt-auth というユーザ認証用のライブラリを使用する際の基本設定をメモしておきます。 nuxt auth docs 9 Users 58 PocketsIntroduc …
NuxtJS の Vuetify の v-data-table のレコードをグループ化したときにグループヘッダーをカスタマイズする方法をメモしておきます。 前提条件 vue : 2.6.14 nuxt : 2.15.8 …
NuxtJS で refs を使用して子コンポーネントのメソッドを実行する方法を説明します。 前提条件 vue : 2.6.14 nuxt : 2.15.8 vuetify : 2.6.1 こちらから今回のソースコードを …
NuxtJS の UI framework で Vuetify.js を選択すると、 Vuetify.js のデフォルトのフォントには「 Roboto と sans-serif 」が設定されているんですが、日本語のフォン …
NuxtJS で location.reload() を使用して画面を一度だけ再描画する方法を説明します。 前提条件 vue : 2.6.14 nuxt : 2.15.8 こちらから今回のソースコードを確認できます。 G …