模仿苹果验证码输入 vue 组件,默认支持 Bootstrap4 样式

file

安全表单输入框(仅支持数字)

特色

  • 自动下一个输入框。
  • 自定义输入框的数量。
  • 支持复制和粘贴。

安装

    npm install --save ofcold-security-code

使用

    <!-- Html  -->
    <Sms v-model="code"></Sms>
    // Javascript
    import Sms from 'ofcold-security-code';

    export default {
        data:() => ({
            code: ''
        }),
        components: {
            Sms
        }
    }
  • 效果图加载中,请稍后...

CODE

Repository for Github

Ryan
本帖已被设为精华帖!
本帖由系统于 6年前 自动加精
Mumujin
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 4

666, 非常棒! :+1:

6年前 评论
nff93

varlet混用:joy:

6年前 评论
ibucoin

看源码学习下

6年前 评论

厉害厉害

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!