Question

我有什么：我在Laravel 5.3中开发并使用vue.js调用API。解决方法是我使用vue.js提交表单，调用API并返回一个令牌，如果一切正常。

问题： Google Chrome在成功登录后不记得我的登录凭据（Edge，Firefox和Safari是）。

我尝试了什么：就像我在StackOverflow中的其他问题中看到的那样（主要是here），我已经为标记添加了一个name属性（即使我使用的是电子邮件而不是用户名））。不要使用vue.js的阻止。完成所有登录并使用.submit（）完成;没有人在Chrome中工作。

我的代码：

<form id="loginForm" class="form-horizontal m-t-20" v-on:submit.prevent="login" action="{{secure_url('/')}}" autocomplete="on">
    <div class="form-group">
        <div class="error col-xs-12"></div>
    </div>
    <div class="form-group ">
        <div class="col-xs-12">
            <input name="username" class="form-control" v-model="email" type="text" required="" placeholder="{{Lang::get('general.email')}}">
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <input class="form-control" name="password" v-model="password" type="password" required="" placeholder="{{Lang::get('general.password')}}">
        </div>
    </div>
    <div class="form-group text-center m-t-40">
        <div class="col-xs-12">
            <button class="btn btn-primary btn-block text-uppercase waves-effect waves-light" type="submit">{{Lang::get('general.logIn')}}</button>
        </div>
    </div>

</form>

感谢您的时间和帮助。

Answer 1

这意味着您可能缺少字段名称或字段ID

为确保它能在所有浏览器中运行，请务必提供两者，即使名称已足够。

如果您的代码正确无误，请确保初始化您的v模型变量。

此外，在使用Vue时不应使用表单，因为您不需要捆绑到表单中的输入数据，因为Vue模型正在处理它。

谷歌浏览器在我的登录表单中不记得登录凭据

1 个答案: