vue自动提交表单_vue、vue-router中的form自动提交

情况一：点击button时，触发默认行为

用户名

placeholder="请输入用户名或手机号码" v-model="bossUsername">

密码

placeholder="请输入密码" v-model="bossPassword">

免费注册

忘记密码

@click.stop="submitLogin">{{logging?'正在登录...':'登录'}}

在使用了vue、vue-router的项目中，上面的一个登录表单，当点击登录的时候，会触发表单的默认提交行为，因此必须在button的click中添加阻止默认行为：@click.stop.prevent="submitLogin"

情况二：在input输入框中输入enter键时，触发默认行为

v-model="memberMobile" @keydown.enter="searchMember">

在输入框中输入ener键时会触发form表单的默认行为，修改为：

@keydown.enter.stop.prevent="searchMember"，

**注意：如果修改为：@keyup.enter.stop.prevent="searchMember，同样会触发默认行为，即使添加了stop.prevent