如何在不打开新 window 的情况下返回单击 .vue 中的按钮?
How to go back on click of a button from the .vue without opening a new window?
我正在尝试创建一个返回登录或重定向到 /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 看起来不对,如果我只是把 class="el-button"
它工作但我需要添加一个 el-button 类型作为 info
,我现在如何拥有它,因为 class="el-button--info"
它不起作用。使用 el-button
它会打开另一个选项卡,我想留在同一页面上,只需像 inertia-link
那样转到登录页面即可。
您可以使用 Inertia 中的 visit
方法:
redirect() {
this.$inertia.visit('/login');
}
由于某种原因它在文档中丢失了,但您仍然可以在 Github 上的历史记录中找到它:https://github.com/inertiajs/inertia-vue/tree/2c6da0ccb9b4f80c94650ba687cfad0073f3f0c2#manually-making-visits
我正在尝试创建一个返回登录或重定向到 /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 看起来不对,如果我只是把 class="el-button"
它工作但我需要添加一个 el-button 类型作为 info
,我现在如何拥有它,因为 class="el-button--info"
它不起作用。使用 el-button
它会打开另一个选项卡,我想留在同一页面上,只需像 inertia-link
那样转到登录页面即可。
您可以使用 Inertia 中的 visit
方法:
redirect() {
this.$inertia.visit('/login');
}
由于某种原因它在文档中丢失了,但您仍然可以在 Github 上的历史记录中找到它:https://github.com/inertiajs/inertia-vue/tree/2c6da0ccb9b4f80c94650ba687cfad0073f3f0c2#manually-making-visits