Vue.jsの記事

Vue I18n で翻訳がある時とない時で処理を変える

vue-i18nを使って多言化に対応する際にen.jsonなど言語毎の辞書ファイルを用意することになるかと思いますが中には翻訳漏れで対応できていない箇所等もあるかと思います。それを画面上で文言等を出力して確認できたらいい […]

Vue2系では通常、computedに引数を渡すことができません。それを忘れて上記のように引数を書いてしまうと以下のようなエラーが出ます。 computedで引数を渡す方法 computedの処理の中に関数を書くことと […]

Laravel9系でViteが公式プラグインとして使えるようになったということでVue.js3系の環境をサクッと構築したいと思います。環境 Laravel 9x Vue.js 3x Vite 3x Laravelをイン […]

Vue.js3系でTimepickerを使う場面がありvue3-timepickerをインストールして使ってみたのですが、うまくv-modelが反映されず躓いたので備忘録を残しておきます。 vue3-timepicker […]

Laravelからboolean型のデータを取得してVue.jsで作成したチェックボックスにon,offを反映させたい時にうまくチェックが入らないことがありました。原因について備忘録を残しておきます。原因 Larave […]

ボタンクリックなどで動的に入力フォームを追加する方法を実装するたびにやり方を忘れるので備忘録で残しておきます。※Vue.js 3.2 方法動的フォームを作成する際、フォームの中に入ってくるデータのフォーマットは次のよう […]

LaravelのbladeファイルとVue.jsが両方共存する形でフロント画面を作る際にbladeファイルで受け取った値をVue.jsのコンポーネントにpropsで渡そうとした際にunderindになってしまいましたので […]

Vue.jsではinputタグに対してv-modelを使用することが多いかと思いますが、2系と３系では値を受け取るprops名とemitのイベントの記述が異なるので注意が必要です。 Vue.js2系(compositio […]

概要ローカル環境でSNS認証のテストをするためにはhttps化に対応する必要がありました。そのため、nuxt.config.jsのserverプロパティにhttpsのプロパティを追加して、発行した証明書を設定する記述を […]

Nuxt.jsで開発した静的サイトを手動でレンタルサーバーなどにアップロードしようとすると手元でyarn generateする distフォルダ以下をFTP等で手動でアップロードするというなんともめんどくさい手順を踏 […]