-
-
【Vue】【JavaScript】画面の高さを検知する方法
2021/2/24
あきぞらです。 Vue.jsの開発をしていて、画面の高さを図りたい時がありました。 さらに、画面の高さが変わるタイミングも検知したい。 そんな時に使える方法を、今回は紹介していきます。 resizeイ ...
-
-
【Vue】【JavaScript】スクロールのイベントを検知する方法!
2021/7/5
あきぞらです。 Vue.jsで開発をしていて、スクロールイベントを検知したいときがありました。 今回はその方法を紹介していきます。 window.addEventListenerでスクロールイベントを ...
-
-
【Vue.js】v-ifの中でlengthを使うとCannot read property〜が出るときの対応!
2021/4/18
あきぞらです。 Vue.jsで開発をしていて、v-ifディレクティブの書き方で少しつまったところがあったので、 対応方法を書いていきます。 配列の要素が存在するかどうかをv-ifで条件分岐をする v- ...
-
-
【Vue.js】axiosで前処理(interceptors)を入れる方法!
2021/4/18
あきぞらです。 axiosを機能で、送信を行う前に処理を入れる方法を紹介したいと思います。 interceptorsで前処理をいれる axios.interceptors.request.useといっ ...
-
-
【Nuxt.js】「The client-side rendered virtual DOM tree is not matching ...」エラーを解決する
2021/3/11
あきぞらです。 nuxt.jsを使っていて、開発途中でChromeのコンソールにエラーがでていることに気がつきました。 みると、こんなメッセージが。 vue.runtime.esm.js?2b0e:6 ...
-
-
【nuxt.js】bodyやhtmlの要素にクラスを指定してCSSを追記する方法!
2021/5/29
あきぞらです。nuxt.jsを勉強中です。 開発をしていて、bodyやhtmlの要素にクラスを指定したい場面がありました。 今回はその方法について紹介していきます。 default.vueの中で指定す ...
-
-
【Nuxt】【Vue】This relative module was not found: エラーの解消方法!
2021/6/1
あきぞらです。 Nuxt.jsを触っていて、ビルドして動かそうと思ったら、 以下のようなエラーに遭遇しました。 ERROR Failed to compile with 1 errors This r ...
-
-
npm run build 時に「These dependencies were not found」のエラーが出たときの解消方法!
あきぞらです。 Vue.jsのプロジェクトを作ろうとして、npm run build を実行したら、表題のエラーがでました。 ハマりかけましたが、意外とすぐに解決できたのでその方法を紹介したいと思いま ...
-
-
【Vue】Methodsからクエリパラメータを送り、遷移先画面でパラメータを受け取る方法!
2021/2/10 JavaScript, vue
あきぞらです。Vue勉強中です。 Vueをいじっていて、POSTリクエストを送って画面遷移をし、その値を受け取りたいときがありました。 今回は、mehodsからクエリパラメータを送信して遷移先でパラメ ...
-
-
【Vue】JSONファイルを読み込もうとしてError: "~~" is read-onlyのエラーが出た時の対処法
2021/7/5 JavaScript, vue
あきぞらです。 Vueをよく触ることがあります。 Vue.js(Nuxt.js)で開発をしていたら、 Chromeのコンソールに「Error: "~~" is read-only」のエラーが表示されて ...