VueのFullpageスクロール？

Question

Vueのアナログライブラリfullpage.jsはありますか？ fullpage.jsと同様にコンポーネントをスクロールできるコンポーネントが必要です。

Answer 1

今、あなたはまた、the official fullpage.js component for Vue.js

Answer 2

これはおそらくdirectiveと考えることができます。

最初のロードjqueryとfullpage。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.fullpage/2.9.4/jquery.fullpage.min.js"></script> 

次に、新しいディレクティブを作成します。

Vue.directive('fullpage', function(el, binding) { 
    $(el).fullpage(binding.value) 
}) 

使用例：コンポーネントで

<div v-fullpage="fullpageOptions"> 
    ... 
</div> 

：

data: { 
    return { 
    fullpageOptions: { 
     sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], 
     anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'], 
     menu: '#menu', 
     css3: true, 
     scrollingSpeed: 1000 
    } 
    } 
}