プログラミング勉強

プログラミングの勉強記録メモ

NewPost

Nuxtでローカルストレージにアクセス

まずはvuex-persistedstateをインストールします。 nuxt.config.jsのpluginsを修正します。 pluginsフォルダにlocalStorage.jsを作製して以下を記述 pathsのところにstore名を入れます。今回はlistなのでlistですね。これで動かない時はnuxt.config.jsのmodeをspaにしてください 簡単にstoreの情報を保存できちゃいます。


NuxtでVuxeを使うラスト

今回は買い物リストにアニメーションをつけて終わりです。 test.vue というタグを追加して、v-list-item-groupをtagに設定しています。トランジションを設定したい要素が複数ある場合はtransition-groupを使います。tagで指定したもので囲われます。デフォルトはspanだそうです。tag=”div”にすると<div></div>で囲われます。 これでトランジシ […]


NuxtでVuexを使う6

もはやVuexは関係ない記事になってきましたが、このまま完成させます。今回は見栄えを良くするのと、削除機能を実装します。 リストの箇所をv-listにして見栄えを整えて、削除ボタンも用意します test.vue listは公式にあったやつをとりあえず参考に(参考にね)書いてあります。また削除ボタンも追加したのでscriptにその処理を書いていきます。 test.vue 削除処理も追加処理と同じような経路で実装していきます。詳細はlist […]