Triggering code with scroll monitor
In the last lesson, we set up a watcher which is triggered any time the product list bottom enters the viewport.
Now, let's make it so our watcher callback adds results to our list of products. This is going to require Scroll Monitor and Vue to be in communication.
appendResults
Firstly, let's create a new Vue method called appendResults
. This method is going to be responsible for copying more items from the results
array to the products
array.
Click to load comments...