<template>
<div>
<form @submit.prevent="register">
<label>
用户名:
<input type="text" v-model="name" required>
</label>
<br>
<label>
密码:
<input type="password" v-model="password" required>
</label>
<br>
<button type="submit">注册</button>
<div v-if="showError">{
{ errorMessage }}</div>
<div v-if="!showError && successMessage">{
{ successMessage }}</div>
</form>
</div>
</template>
<script>
export default {
data() {
return {
name: '',
password: '',
errorMessage: '',
successMessage: '',
vue实现注册登录表单逻辑(正则表达式)
最新推荐文章于 2024-05-17 11:40:43 发布