Framework7+Vue+Webpack : Button not submit form

Questions
1

Hello, i can’t submit the form. Why?

This is my code:

<f7-list form class="login" @submit.prevent="login">
<!-- <form class="login" @submit.prevent="login"> -->
  <f7-list-input
    label="Email"
    type=""
    placeholder="Email"
    required
    validate
  />

  <f7-list-input
    label="Password"
    type="password"
    placeholder="Password"
    required
    validate
    minlength=8
  />
  <f7-button fill raised type="submit">Submit</f7-button>
</f7-list>

export default {

  name: 'login',
  data () {
    return {
      username: '',
      password: '',
    }
  },
  methods: {
    login: function () {
      const { username, password } = this
      this.$store.dispatch(AUTH_REQUEST, { username, password }).then(() => {
        this.$router.push('/')
      })
    }
  },

} // fine export