ls1231 / vue-security-code Goto Github PK

This dependency was not found:

• !!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-004e7632","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./node_modules/vue-security-code/src/components/security-code/index.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-004e7632","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue

怎么可以让此组件在触发输入框的时候 有一个光标 闪烁 ，并自动下跳，
感谢 做出如此简易/好用的验证码 组件

Currently its hardcoded type="tel", it doesnt matter for desktop but on mobile it will only enable telephone keyboard making it impossible to use for alphanumeric pin codes.

Is it possible to configure it? I could provide a pull request if it's not supported.

ios 短信验证码自动填充后，监听不到 value 值的变化
解决方案：

<input ref="input" class="input-code" @input="handleInput($event)" v-model="value"
           :id="`code-${uuid}`" :name="`code-${uuid}`" type="tel" :maxlength="length"
           autocorrect="off" autocomplete="off" autocapitalize="off">

把 @keyup 改成 @input 事件监听即可