sudoku.js | Sudoku Solver in Javascript | Game Engine library

So I'm a little stumped and on a very interesting problem I've run into. I'm very new to the world of Full Stack web development so I'm not sure where to go from here exactly. Basically I'm creating a web based Sudoku game using mostly HTML, CSS, and JavaScript. What's going on is I've created functions to populate the HTML board and to solve the board. It should solve and populate the board when a button is clicked, but it seems to populate the board from the get go with the solved board before the click. Before I add in any code I just wanna say thank you in advance for any help and I'm personally wondering if it could be a sort of cache problem?

Here is the HTML file:

I am completely new to Vue (and JS), so please forgive me "stupid" questions.

In my Vue-Pet-Project I have got a self written class module Sudoku. In this I want to search for results with backtracking. Now Vue recognized the click on the "startSearch" button, but tells me:

vue.esm.js?a026:628 [Vue warn]: Error in v-on handler: "ReferenceError: backtrack is not defined"

found in

---> warn @ vue.esm.js?a026:628 logError @ vue.esm.js?a026:1893 globalHandleError @ vue.esm.js?a026:1888 handleError @ vue.esm.js?a026:1848 invokeWithErrorHandling @ vue.esm.js?a026:1871 invoker @ vue.esm.js?a026:2188 original._wrapper @ vue.esm.js?a026:7559 vue.esm.js?a026:1897 ReferenceError: backtrack is not defined at Sudoku.search (sudoku.js?9ece:4) at VueComponent.startSearchSolutions (App.vue?9c43:74) at click (App.vue?88bf:69) at invokeWithErrorHandling (vue.esm.js?a026:1863) at HTMLButtonElement.invoker (vue.esm.js?a026:2188) at HTMLButtonElement.original._wrapper (vue.esm.js?a026:7559)

though this function is declared. Here the code of my class:

So I am trying to pass the data (int-Array) from my Model...