xing/vue-learn
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

表单重置

Browse Source
This commit is contained in:
xing 2020-06-16 11:26:06 +08:00
parent 13d6786499
commit 2d4abadfa8
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Login.vue
View File

@ -4,7 +4,7 @@
<div class="avatar">
<img src="../assets/logo.png" alt="logo">
</div>
<el-form class="login-from" :rules="loginFormRules" :model="loginForm">
<el-form ref="loginFormRef" class="login-from" :rules="loginFormRules" :model="loginForm">
<el-form-item prop="username" label="">
<el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>
</el-form-item>
@ -13,7 +13,7 @@
</el-form-item>
<el-form-item class="btns">
<el-button type="primary">登录</el-button>
<el-button type="info">重置</el-button>
<el-button @click="reset" type="info">重置</el-button>
</el-form-item>
</el-form>
</div>
@ -40,6 +40,11 @@ export default {
]
}
}
},
methods: {
reset () {
this.$refs.loginFormRef.resetFields()
}
}
}
</script>