Vue/Nuxt

Vue/Nuxt

【Vue.js】formによる送信をストップさせる@submit.prevent

2021/2/13  

あきぞらです。 Vue.jsでフォーム部分を開発していて、 フォームによる送信を防ぐ方法を今回は紹介していきます。 @submit.preventを入れる フォームタグを実装する際には、@submit ...

Vue/Nuxt

【Vue】【JavaScript】画面の高さを検知する方法

2021/2/24  

あきぞらです。 Vue.jsの開発をしていて、画面の高さを図りたい時がありました。 さらに、画面の高さが変わるタイミングも検知したい。 そんな時に使える方法を、今回は紹介していきます。 resizeイ ...

Vue/Nuxt

【Vue】【JavaScript】スクロールのイベントを検知する方法!

2021/4/18  

あきぞらです。 Vue.jsで開発をしていて、スクロールイベントを検知したいときがありました。 今回はその方法を紹介していきます。 window.addEventListenerでスクロールイベントを ...

Vue/Nuxt

【Vue.js】v-ifの中でlengthを使うとCannot read property〜が出るときの対応!

2021/4/18  

あきぞらです。 Vue.jsで開発をしていて、v-ifディレクティブの書き方で少しつまったところがあったので、 対応方法を書いていきます。 配列の要素が存在するかどうかをv-ifで条件分岐をする v- ...

Vue/Nuxt

【Vue.js】axiosで前処理(interceptors)を入れる方法!

2021/4/18  

あきぞらです。 axiosを機能で、送信を行う前に処理を入れる方法を紹介したいと思います。 interceptorsで前処理をいれる axios.interceptors.request.useといっ ...

Vue/Nuxt

【Nuxt.js】「The client-side rendered virtual DOM tree is not matching ...」エラーを解決する

2021/3/11  

あきぞらです。 nuxt.jsを使っていて、開発途中でChromeのコンソールにエラーがでていることに気がつきました。 みると、こんなメッセージが。 vue.runtime.esm.js?2b0e:6 ...

Vue/Nuxt

【nuxt.js】bodyやhtmlの要素にクラスを指定してCSSを追記する方法!

2021/5/29  

あきぞらです。nuxt.jsを勉強中です。 開発をしていて、bodyやhtmlの要素にクラスを指定したい場面がありました。 今回はその方法について紹介していきます。 default.vueの中で指定す ...

Vue/Nuxt

【Nuxt】【Vue】This relative module was not found: エラーの解消方法!

2021/6/1  

あきぞらです。 Nuxt.jsを触っていて、ビルドして動かそうと思ったら、 以下のようなエラーに遭遇しました。 ERROR Failed to compile with 1 errors This r ...

Vue/Nuxt

npm run build 時に「These dependencies were not found」のエラーが出たときの解消方法!

2021/2/21    ,

あきぞらです。 Vue.jsのプロジェクトを作ろうとして、npm run build を実行したら、表題のエラーがでました。 ハマりかけましたが、意外とすぐに解決できたのでその方法を紹介したいと思いま ...

Vue/Nuxt

【Vue】Methodsからクエリパラメータを送り、遷移先画面でパラメータを受け取る方法!

2021/2/10    ,

あきぞらです。Vue勉強中です。 Vueをいじっていて、POSTリクエストを送って画面遷移をし、その値を受け取りたいときがありました。 今回は、mehodsからクエリパラメータを送信して遷移先でパラメ ...

Copyright© あきぞらてっく , 2021 All Rights Reserved Powered by AFFINGER5.