Как вернуться по нажатию кнопки из .vue, не открывая новое окно?

Question

Я пытаюсь создать кнопку, которая возвращает к логину или перенаправляет на /login, в настоящее время я пробовал сделать это с помощью el-button а также inertia-link, они оба работают, но не так, как мне хотелось бы.

Это код, который я уже пытался получить inertia-link работать:

<el-button-group style="margin-left: 53%; margin-bottom: 10px">
    <inertia-link class="el-button--info" :href="'/login'">
        <i class="fas fa-chevron-left"></i>
    </inertia-link>

    <el-button
        :type="getStatus()"
        :loading="loading"
        @click="submit()">Enviar Link
    </el-button>
</el-button-group>

Код с el-button:

<el-button-group style="margin-left: 53%; margin-bottom: 10px">
    <el-button
        type="info"
        icon="fas fa-chevron-left"
        @click="redirect()"
>
    </el-button>

    <el-button
        :type="getStatus()"
        :loading="loading"
        @click="submit()">Enviar Link
    </el-button>
</el-button-group>


methods() {
    redirect(){ 
        window.open('/login');       
    }
}

С inertia-link это некрасиво, класс выглядит неправильно, если я просто поставлю class="el-button" он работает, но мне нужно добавить тип кнопки el как info, как у меня это сейчас как class="el-button--info"это не работает. Сel-button он открывает другую вкладку, я хочу остаться на той же странице, просто перейдите на страницу входа, как inertia-link делает.

Answer 1

Вы можете использовать visit метод из инерции:

redirect() {
    this.$inertia.visit('/login');
}

По какой-то причине он был потерян в документации, но вы все еще можете найти его в истории на Github: https://github.com/inertiajs/inertia-vue/tree/2c6da0ccb9b4f80c94650ba687cfad0073f3f0c2