vueで管理しているElementのscrollに合わせて処理をしたかった。
※自分用に書いているので雑です。
説明
1.リストのスクロール位置を監視しておきたかった。
2.ElementはVueに握られてて$('#app').on('scroll', e => {});
とかでは取れない。
3.ハマった /(^o^)\ナンテコッタイ
ということがあったのでメモ書き。
結果
<script>
list = new Vue({
el: '#app',
data: {
items: []
},
methods {
handleScroll (e) {
//処理
console.log(e.target.scrollTop);
}
}
});
</script>
<body>
...
<div id='app' class='scrollable' v-on:scroll="handleScroll">
<div v-for="item in items"></div>
</div>
...
</body>
こんなふうにするとvueのスクロールとれた。
備考
list.$el.scrollTop
でもとれました。