vue-sticky-directiveをnuxtプロジェクトでつかえなかった
結論 使えなかった
vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: sitcky
以下、試した手順
スクロール時に特定の部分を固定するためのライブラリ vue-sticky-directive をNuxtプロジェクトに導入してみる github.com
- インストール
npm install vue-sticky-directive --save
- 初期化plugin plugins/vueStickyDirective.tsを作成
import Vue from 'vue' import Sticky from 'vue-sticky-directive' Vue.use(Sticky)
nuxt.config.tsに作成したpluginファイルを追記
// 省略 plugins: [ '@/plugins/vueStickyDirective' // 追記 ], // 省略
- 使い方
<template> <div sticky-container> <div v-sticky sticky-offset="offset" sticky-side="top"> ... </div> </div> </template> ~~~