Is it appropriate to use the mounted life cycle here?

Question

Vue.js

Hello! Please look at the code and tell me why the onScroll function does not work, which should display a block with a checkbox and a radiobutton at the end of the scroll:
https://codesandbox.io/s/mystifying-yalow-rsb04?fi...

Ideally, the following should work way:
1) When scrolling the block to the bottom, a block with a checkbox and a radiobutton appears
2) When you click on the checkbox, the button should be unlocked

PS Dear admins. Please do not delete this question as there is no such question! Not at all!!! Please be more careful. Happy New Year!

Answer 1

mounted is not needed here, you can hang a handler on the desired div and create a function in methods
v-on:scroll.native="handleScroll"

methods: {
          handleScroll(e) {
            console.log(this);
          }
        }