sms-code vue

仿京东淘宝验证码输入 在线文档及体验

部分效果预览

安装

npm install --save vue-sms-codes

组件props

属性名	类型	默认值	可选值	是否必须	说明
v-model	string	-	-	是	绑定值
code-type	string	'text'	'text','number'	否	输入类型
code-count	number/string	6	-	否	code长度
secret	boolean	false	true/false	否	是否密文显示
showCursor	boolean	false	true/false	否	是否显示光标
autoFocus	boolean	false	true/false	否	是否自动聚焦
formatter	function(value)	-	-	否	自定义输入内容处理函数

组件event

事件名	回调参数	说明
callback	code	code输入完成，返回输入的code码

详细文档

具体用法请查看vue-sms-codes文档