uniapp动态获取验证码

 

<template>
	<view class="code">
		<u-navbar title="找回" :autoBack="true" :fixed='true' :placeholder="true"></u-navbar>
		<view class="wrodtext">
			输入验证码
		</view>
		<view class="code-tip-one">
			<view class="code-tip">已发送至<text>+86 {
  {phone.substring(0, 3)}}****{
  {phone.substr(phone.length-4)}}</text>
			</view>
			<view class="code-errow" v-if="codeclolor == '#ff0000'">验证码输入错误</view>
		</view>
		<input class="cinput" adjust-position="false" auto-blur="true" @blur="blur" @input="codenum" :focus="focus"
			value="code" v-model="code" type="number" maxlength="6" />
		<view class="code-input">
			<view v-for="(item,index) in 4" :key="index" @click="codefocus(index)"
				:style='(index == code.length? "border: 5rpx solid #242832;width: 122rpx;height: 122rpx;line-height: 122rpx;":"color: " + codeclolor + ";" +"border: 2rpx solid" + codeclolor)'>
				{
  {code[index] && code[index] || ''}}
			</view>
		</view>
		<view class="code-get">
			<view class="noreceived" @click