zoukankan      html  css  js  c++  java
  • [经验分享]WeTouch中使用VueInputCode

    如果你想在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

  • 相关阅读:
    《分布式系统关注点——数据一致性(上篇)》阅读笔记
    2.23寒假学习记录
    2.22寒假学习记录
    2.21寒假学习记录
    2.20寒假学习记录
    2.19寒假学习记录
    2.18寒假学习记录
    2.17寒假学习记录
    2.17周一毕设改进计划
    2.16寒假学习记录
  • 原文地址:https://www.cnblogs.com/zhao365845726/p/9916233.html
Copyright © 2011-2022 走看看