验证码效果:
有一张显示颜色验证码的图片,点击该图片后,会切换成另一张验证码图片。
实现思路:
1.首先需要一个图片组件,用于显示验证码。
2.需要一个能提供验证码的接口,该接口需要一个请求参数——时间戳,同时会返回两个参数——验证码图片的url和新的时间戳。
3.用数据容器组件去接入这个验证码的接口,拿到数据后,发出一个回调,比如叫msg
4.图片组件通过过滤器去接受这个回调msg。
5.给图片组件添加点击回调,在点击图片时将数据中的time字段发出来。
6.如此设置之后,每当我们点击图片组件,就会把time字段发送给数据容器,去发起一个新的请求,然后接口会返回给我们一个新的验证码图片的url以及新的时间戳,这样我们下次点击图片时,就又能发出新的时间戳去请求数据了,达到了验证码图片的效果。
注意:
由于第一次接口请求需要一个时间戳,此时还没触发图片的点击,所以我们需要添加一个额外的数据容器,来发送回调time。
文章
3.2K人气
8粉丝
1关注
©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号
互联网信息服务业务 合字B2-20220090