マガジンのカバー画像

Vue.js/Nuxt.js

5
運営しているクリエイター

2019年4月の記事一覧

Nuxt.js ページスクロール時に要素にclass付与

ページスクロールしてフェードしながら要素を出したいときなどに使う公式ドキュメントにも書いてあるので、そこが一番参考になる。

plugins/scroll.js (v-scroll=""を使えるようにする。)

import Vue from 'vue'Vue.directive('scroll', { inserted: function (el, binding) { let

もっとみる

Nuxt.js ページ遷移時の処理

ページ遷移時のタイミングで処理をしたいpluginでページ遷移時の処理を書き、nuxt.config.jsで読み込む方法がある。
例. plugins/routerOption.js

export default async ({ app,store }) => { app.router.afterEach((to, from) => { let page_name; pag

もっとみる