javascript - vue-material 表单 POST 设置

Question

我想用vue-material创建一个登录页面。我有来自这里的表单库。我在服务器端使用 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>

我的问题：

1. 如何设置表单使用 POST 而不是 GET？

2. 如何设置应发送输入字段值？

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

---

这是一个有效的代码笔。