V-model of input does'nt change to correct value after going back to page - Google Chrome

I implemented a custom pagination using vue.js. When I am on a higher page (e.g. page 2) and i click on one of the entries of the page it works totally fine and i can open the new page, so far so good. However when I go back to the paginated page the index is still set to page 2. like this “<2/2>” the entries in the page will be from page 1 instead of 2 which confuses me even more. This missbehavior only occures in Google Chrome. Any idea what the point is that i am missing?

Template:

<div class="my-2 justify-content-center row">
    <b-link href="#" @click="prev" style="color: gray;"><i class="fas fa-chevron-left"></i></b-link>
    <b-form @submit="goToNewPage">
        <b-form-input class="p-0 pl-2 counter" autocomplete="on" maxlength="3" ref="currPageInput" v-model="counter"></b-form-input>
    </b-form>
    <p class="p-0 m-0 counter-slash">/</p>
    <b-form-input class="p-0 pr-2 counter" disabled maxlength="4" :value="+maxCounter"></b-form-input>
    <b-link href="#" @click="next" style="color: gray;"><i class="fas fa-chevron-right"></i></b-link>
</div>

And my JS

export default {
props: {
    currPage: {
        default: 1,
    },
    //maximum page index
    maxPage: {
        default: 1,
    },
    itemstart: {
        default: 0,
    },
    dataArrayLength: {
        default: 0,
    },
},
data() {
    return {
        counter: this.currPage,
        maxCounter: this.maxPage,
        elementStartPoint: this.itemstart,
        dataArrayLen: this.dataArrayLength,
    };
},
mounted () {
    setTimeout(() => {
        this.currPage = this.currPage;
    }, 5000);
},
//watches value changes of prop
watch: {
    //watcher function name = prop name
    maxPage: function() {
        this.maxCounter = this.maxPage;
    },
    currPage: function() {
        this.counter = this.currPage;
    },
    itemstart: function() {
        this.elementStartPoint = this.itemstart;
    },
    dataArrayLength: function() {
        this.dataArrayLen = this.dataArrayLength;
    },
},
methods: {
    // go to prev page on arrow click
    prev: function() {
        if (this.elementStartPoint >= 10) {
            this.elementStartPoint = this.elementStartPoint - 10;
            this.counter = this.counter - 1;
            this.sendToParent(this.elementStartPoint, this.counter);
        }
    },
    // go to next page on arrow click
    next: function() {
        if (this.elementStartPoint + 10 < this.dataArrayLen) {
            this.elementStartPoint = this.elementStartPoint + 10;
            this.counter = this.counter + 1;
            this.sendToParent(this.elementStartPoint, this.counter);
        }
    },
    // go to input page on arrow click
    goToNewPage: function(evt) {
        evt.preventDefault();
        if (this.maxCounter >= this.$refs.currPageInput.value && this.$refs.currPageInput.value > 0) {
            this.counter = this.$refs.currPageInput.value;
            this.elementStartPoint = this.$refs.currPageInput.value * 10 - 10;
            this.sendToParent(this.elementStartPoint, this.counter);
        }
    },
    // send new itemstart and current page to parent
    sendToParent: function(itemstart, currPage) {
        this.$emit('sendToParent', itemstart, currPage);
    },
},
};

Edit: I tried the timeout to reload the currPage after coming back to the paginated page as a solution, does not work so you can just ignore that.