Cannot access to this.$router in custom method

Hi, i would like to access to this.$router.push('/home') in a custom method, i get this error Cannot read property 'push' of undefined

import Vue from 'vue'
import Component from 'vue-class-component'
import AuthService from "../../../../main/services/api/auth/auth.service";

@Component
export default class Login extends Vue {

    login: string = "";
    password: string = "";

    /**
     * Classes
     */
    authService = this.$container.get<AuthService>(AuthService.name);

    submit() {
        console.log('login: ' + this.login);
        console.log('password: ' + this.password);
        this.authService.login(this.login, this.password).then((res) => {
            console.log(this);
            this.$router.push('/home');
        });
        return false;
    }

    mounted() {
        console.log(this);
    }
}

<template>
    <div>
        <form v-on:submit.prevent="submit()">
            <input name="login" v-model="login"/><br>
            <input name="password" type="password" v-model="password"/>
            <button type="submit"></button>
        </form>

    </div>
</template>

<script lang="ts">
   import Login from './Login'
   export default Login
</script>

<style scoped>

</style>

[leohubert]

Hi @Worie, i never found a solution unfortunately…

[ktsn]

Closing as reproduction is not provided in a long time. Please open a new issue with a self-contained reproduction when you can follow up information.