很多时候前端需要短信获取验证码或者是随机生成的数字和字母的验证码，今天讲一下随机生成的验证码的实现方式

这是效果，下面是代码展示

<el-form-item
  label="验证码"
  prop="code"
  class="codeGet"
>
  <el-input
    v-model="ruleForma.code"
  />

</el-form-item>
<div
  class="authimg authimg1"
  @click="clickauthimg1"
>
 {{logincode}}
</div>

data(){
	logincode:'',
	ruleForma:{
		code:''
	}
},
methods:{
  // 获得验证码
  createCode () { 
      var code = "";
      var codeLength = 4;//验证码的长度
      var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a',    'b', 'c', 'd', 'e', 'f', 'g',
        'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z');//随机数
      for (var i = 0; i < codeLength; i++) {//循环操作
        var index = Math.floor(Math.random() * 36);//取得随机数的				索引（0~35）
        code += random[index];//根据索引取得随机数加到code上
      }
      this.logincode = code
    },
    //点击切换验证码
  clickauthimg1 () {
    this.createCode()
  },
	
}