Taro项目实现手机号绑定，发送验证码倒计时

一下子就醒了

于 2020-06-02 11:26:53 发布

阅读量1.9k

点赞数 1

分类专栏： Taro 一些例子文章标签： taro 手机号绑定发送验证码倒计时小程序验证码

本文链接：https://blog.csdn.net/weixin_42442713/article/details/106492485

版权

本文介绍了如何使用Taro框架在小程序中实现手机号绑定功能，并详细展示了发送验证码后的倒计时功能。通过`UpdatePhone.jsx`组件和`UpdatePhone.less`样式文件的代码示例，阐述了具体实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、效果图

二、代码示例

UpdatePhone.jsx

import Taro, { Component, PureComponent } from '@tarojs/taro'
import { View, Button, Text, Picker  } from '@tarojs/components'
import { connect } from '@tarojs/redux'
import { AtForm, AtInput, AtButton, AtToast } from "taro-ui"

import ArrowRight from '@/assets/image/mine/direction.png'
import './UpdatePhone.less'


// 自定义组件, 校验登录
import ForceUserAuthModal from '@/lwComponents/components/ForceUserAuthModal/ForceUserAuthModal';

// 自定义工具库、工具函数
import * as utils from '@/utils/toolbox/utils';
// 全局管理工具， 可以使用taro设置缓存的接口代替
import { set as setGlobalData, get as getGlobalData } from '@/utils/toolbox/globalData';

// dva状态机注入
@connect(({ mine, loading }) => ({
  mine,
  isPageLoading: loading.effects['mine/fetchSendPhoneCode'] || loading.effects['mine/fetchUpdatePhone'],
  isLocalLoading: loading.effects['mine/fetchSendPhoneCode'] || loading.effects['mine/fetchUpdatePhone']
}))
class UpdatePhone extends Component {

  constructor(props) {
    super(pr

最低0.47元/天解锁文章