vue注册页面源码 (带手机号、验证码、密码)

<template>
	<div class="registerTotal">
		<div class="register">
			<img src="../../assets/index-head.png" alt="">
			<p class="registerTitle">账号注册</p>
			<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
			  
			  
			  <!-- <el-form-item prop="tel">
			    <el-input v-model="ruleForm.tel" placeholder="请输入手机号" clearable></el-input>
			  </el-form-item> -->
			  <!-- <el-form-item  prop="age">
			      <el-input v-model.number="ruleForm.age"></el-input>
			  </el-form-item> -->
			  <el-form-item prop="tel">
			    <el-input v-model.number="ruleForm.tel" placeholder="请输入手机号" clearable></el-input>
			  </el-form-item>
			  
			  <el-form-item prop="yzm" style="display: flex;">
			      <el-input v-model="ruleForm.yzm" placeholder="请输入验证码"></el-input>
				  <el-button :disabled="disabled" @click="sendcode(ruleForm)" class="sendcode">{
  {btntxt}}</el-button>
			  </el-form-item>
			  <el-form-item prop="password">
			      <el-input v-model="ruleForm.password