[Vuejs]-Why is my function not reading to my EventListener?

querySelector and querySelectorAll are usually not the way to go in VueJS, if you want to select something. Either bind with state or use a template reference.