安装

npm i vue-wengochen-register-v3 --save

引入

//main.js

import Register from "vue-wengochen-register-v3"
import "vue-wengochen-register-v3/static/iconfonts/iconfont.css"
Vue.use(Register)

简单使用

<template>
	<div class="parent">
    	<register :color="color" @setRegister="setRegister" @toLogin="toLogin"
    	  @getVerifyNum="getVerifyNum" :isNeedPhone="isNeedPhone" :vNumber = "vNumber"
    	>
        
        </register>
  	</div>
</template>

<script>
  export default {
      name: 'Parent',
      data () {
        return {
            color:"skyblue",
            isNeedPhone:true,
            vNumber:"123456"
        }
      },
      methods:{
          setRegister(data){
            	console.log(data)
                //...逻辑：发起注册请求
          },
          getVerifyNum(){
               //发起获取验证码请求,将验证码赋值this.vNumber
          },
          toLogin(){
            //...逻辑：跳转至注册
          }
      }
  }
</script>

参数

color属性：可有可无，不加的话默认darkorange,修改组件主色调
isNeedPhone属性：布尔值，必须属性，显示是否需要手机注册
vNumber：设置当前验证码
setRegister(): 发起注册请求
getVerifyNum():发起获取验证码请求,将验证码赋值vNumber
toLogin()：跳转至登录页面