I am working on creating a login page using vue-material. The base form I am using can be found here. My server side is built on laravel 5.4.
This is my template:
<div id="app">
<md-layout md-tag="form" novalidate @submit.stop.prevent="submit" md-align="center">
<md-layout md-tag="md-card" md-column md-flex="30" md-flex-medium="40" md-flex-small="60" md-flex-xsmall="90" class="md-primary">
<md-card-header>
<div class="md-title">Login</div>
</md-card-header>
<md-card-content>
<md-input-container>
<md-icon>person</md-icon>
<label>Email</label>
<md-input email required v-model="email" />
</md-input-container>
<md-input-container md-has-password>
<md-icon>lock</md-icon>
<label>Password</label>
<md-input type="password" required v-model="password" />
</md-input-container>
</md-card-content>
<md-card-actions>
<md-button type="submit">Login</md-button>
</md-card-actions>
</md-layout>
</md-layout>
</div>
Some questions I have:
How do I ensure the form is using POST and not GET?
How can I make sure that the input field values are sent correctly?