Vue/Nuxt

あきぞらです。 Vue.jsで開発をしていて、DOMの要素を直接いじりたいときがありました。 今回は、その方法について紹介していきます。 「$refs」を使ってDOMの要素を取得 span要素に、re ...

あきぞらです。 Nuxt.jsで開発をしていて、サイトマップを作成したい場面がありました。 そんなとき、簡単に作成できる方法があったので紹介していきます！ nuxt/sitemapを使って簡単にサイト ...

あきぞらです。 今回は、Nuxt.jsでenvファイルに記載した値を取得する方法を紹介していきます。 基本的には、公式通りです。 とてもわかりやすいです。 NuxtJS  3 us ...

あきぞらです。 nuxt.config.jsにmodulesを追加しようとしたとき、 初歩的なミスなのですが、意外と起きがちなので注意書きとして書いていこうと思います。 うまく動かない書き方、うまく動 ...

あきぞらです。 Nuxt.jsを開発するとき、 構文チェックにeslint、コードフォーマッタにprettierを用いて開発をしています。 先日、Windows環境でも開発していたとき、 「error ...

あきぞらです。 Nuxt.jsで開発を行っているときに、以下のようなエラーに遭遇しました。 いろいろ思考錯誤した結果、 原因っぽいものがわかったので、今回はそれを紹介していきます。 asyncData ...

あきぞらです。 Vue.jsで開発をしていて、 改行を含む文字列をHTML上で反映したい場面に遭遇しました。 今回はその方法について紹介していきます。 改行を含む文字列をtemplate上で出力させる ...

あきぞらです。 Nuxt.jsで開発をしていて、 Authモジュールを使っていた際に 認証が必要がないページを作りたかったので そのときのTipsを紹介したいと思います。 auth: falseを設定 ...

あきぞらです。 Vue.jsでラジオボタンやプルダウンを設定しているときに、 初期値を設定する際、少しつまったので その方法を紹介していきます。 v-modelを設定しdataに初期値を設定する 性別 ...

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