Vue2系では通常、computedに引数を渡すことができません。 それを忘れて上記のように引数を書いてしまうと以下のようなエラーが出ます。 computedで引数を渡す方法 computedの処理の中に関数を書くことと […]
Vue.jsの記事
JavaScript
【Vue2系】computedで引数を渡す
JavaScript
【Laravel9系】 Laravel Sail Viteを使ってVue.js3系の開発環境を用意する。
Laravel9系でViteが公式プラグインとして使えるようになったということでVue.js3系の環境をサクッと構築したいと思います。 環境 Laravel 9x Vue.js 3x Vite 3x Laravelをイン […]
JavaScript
Vue3 Timepickerでv-modelがバインドされない
Vue.js3系でTimepickerを使う場面がありvue3-timepickerをインストールして使ってみたのですが、うまくv-modelが反映されず躓いたので備忘録を残しておきます。 vue3-timepicker […]
JavaScript
サーバーから取得してきたデータがVue.jsのチェックボックスに反映されない時
Laravelからboolean型のデータを取得してVue.jsで作成したチェックボックスにon,offを反映させたい時にうまくチェックが入らないことがありました。原因について備忘録を残しておきます。 原因 Larave […]
JavaScript
【Vue.js3】ボタンクリックで入力フォームを動的に追加する
ボタンクリックなどで動的に入力フォームを追加する方法を実装するたびにやり方を忘れるので備忘録で残しておきます。※Vue.js 3.2 方法 動的フォームを作成する際、フォームの中に入ってくるデータのフォーマットは次のよう […]
JavaScript
【Vue.js3】Laravelのblade.phpからVueコンポーネントに変数を渡す際にundefinedになる
LaravelのbladeファイルとVue.jsが両方共存する形でフロント画面を作る際にbladeファイルで受け取った値をVue.jsのコンポーネントにpropsで渡そうとした際にunderindになってしまいましたので […]
JavaScript
【Vue.js3】v-modelで渡したpropsの値がemitでバインドされない時
Vue.jsではinputタグに対してv-modelを使用することが多いかと思いますが、2系と３系では値を受け取るprops名とemitのイベントの記述が異なるので注意が必要です。 Vue.js2系(compositio […]
JavaScript
【Nuxt.js】本番環境と開発環境でnuxt.config.jsのプロパティの内容を書き換える
概要 ローカル環境でSNS認証のテストをするためにはhttps化に対応する必要がありました。そのため、nuxt.config.jsのserverプロパティにhttpsのプロパティを追加して、発行した証明書を設定する記述を […]
JavaScript
GitHub ActionsでNuxtでgenerateした静的サイトを自動デプロイ
Nuxt.jsで開発した静的サイトを手動でレンタルサーバーなどにアップロードしようとすると 手元でyarn generateする distフォルダ以下をFTP等で手動でアップロードする というなんともめんどくさい手順を踏 […]
JavaScript
Laravel9系,Nuxt.js2系でSNSログイン(Twitter,FaceBook,LINE)機能を実装する
Nuxt.js2系(compositon API)とLaravel9系＋Laravel Socialite + Sanctum + Fortifyを使ってTwitter,facebook,LINEのログイン機能を実装しま […]