如果你想在WeTouch中使用以下输入框的效果,需要做以下几个步骤:
第一步:安装Node.js
第二步:使用Npm在全局安装vue-input-code ,使用命令提示符,在Node安装根目录输入以下命令
npm install vue-input-code --save第
第三步:将Github上的input-code插件下载
地址:https://github.com/zhouyuexie/vue-input-code
第四步:将插件文件及样式按照下图的路径方式放置
第五步:插入代码
1 <script> 2 import inputcode from '#/component/inputcode' 3 export default { 4 components:{ 5 inputcode 6 }, 7 config: { 8 }, 9 data() { 10 return { 11 code:[123456] 12 } 13 }, 14 methods: { 15 16 }, 17 mounted() { 18 19 } 20 } 21 </script>
1 <ui-view style="padding:30px;"> 2 <ui-divider>请输入验证码</ui-divider> 3 <ui-view style="250px;margin:10px auto;"> 4 <inputcode code="{{code}}" input-color="#333" span-color="#333"></inputcode> 5 </ui-view> 6 </ui-view>
然后重新编译,运行即可。
以上亲测,有疑问欢迎关注我的微信公众号进行提问
公众号:sxmljx