【注册页面/路由】Vue2+elementUI写一个注册页面，并且需要确认密码（完整代码）

目录

1.效果图

2.template部分

3.style部分

4.js部分

5.完整代码

---

---

1.效果图

2.template部分

<template>
  <div>
      <el-form ref="form" label-width="70px" :inline="true" class="login-container" :model="form" :rules="rules">
          <h3 class="login_title"> 注 册 </h3>

            <el-form-item label="用户名" prop="userName">
              <el-input v-model="form.userName" placeholder="请输入账号"></el-input>
            </el-form-item>

            <el-form-item label="密码" prop="password">
              <el-input show-password v-model="form.password" placeholder="请输入密码"></el-input>
            </el-form-item>

            <el-form-item label="确认密码" prop="password2">
              <el-input show-password v-model="form.password2" placeholder="请再次输入密码"></el-input>
            </el-form-item>

            <el-form-item>
              <el-button @click="register" class="login_button" type="primary"> 注 册 </el-button>
            </el-form-item>
      </el-form>
  </div>
</template>

        

3.style部分

<style lang="less" scoped>
.login-container