vue-material 表单 POST 集

Question

我想用 vue-material. I have the form base from here 制作一个登录页面。我在服务器端使用 laravel 5.4。

我的模板：

<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>

我的问题：

如何设置表单使用 POST 而不是 GET？
如何设置应发送输入字段值？

Answer 1

要将请求从 GET 更改为 POST，请将 method 属性添加到呈现为表单的 md-layout 标记：

<md-layout 
  md-tag="form" 
  method="POST" 
  novalidate 
  @submit.stop.prevent="submit" 
  md-align="center" 
>

然后，要发送 POST 中输入字段的值，请将 name 属性添加到输入：

<md-input email required v-model="email" name="email" />

而且，

<md-input type="password" required v-model="password" name="password" />

Here's a working codepen.

vue-material 表单 POST 集

vue-material form POST set

javascript

laravel

vue.js

vue-material