1回答

张轩

2022-02-17

同学你好 你的问题出在这里，在你的 ValidateForm 中 你挂载的事件是在 button 上的

<div class="submit-area">
    <slot name="submit">
        <button type="submit" class="btn btn-primary" @click.prevent="submitForm">提交</button>
    </slot>
</div>

你使用的时候，在 Login.vue 重置了 submit 这个 slot，这样它就变成了一个普通的 sumbit button，没有阻止默认行为，这样就会直接跳转页面。

<template #submit>
    <button type="submit" class="btn btn-primary btn-block btn-large">登录</button>
</template>

你只要把事件外移，到外面的 div 上面就可以了，不要加在 slot 当中。

<div class="submit-area"  @click.prevent="submitForm">
    <slot name="submit">
        <button type="submit" class="btn btn-primary">提交</button>
    </slot>
</div>

这样就没问题了，登录注册一样的，还有一个问题，就是你的 Authorization 的格式写错了。

// 你写的
axios.defaults.headers.common.Authorization = `Bearer:${token}`
// 这里应该是一个空格
axios.defaults.headers.common.Authorization = `Bearer ${token}`

修改完了就大功告成了，亲测可用～

0

1

慕丝3211513

谢谢老师！

2022-02-17

共1条回复