• [经验分享]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

  • 相关阅读:
    谷歌脸书第三方登录
    初步了解Owin
    select2去掉搜索框
    angularjs教程——自定义指令
    angularjs教程——Dom操作相关指令详解
    http://172.21.87.57:8081/seeyon/
    nce 1,a puma at large
    股池
    永清环保
    出门需要带的东西
  • 原文地址:https://www.cnblogs.com/zhao365845726/p/9916233.html
Copyright © 2020-2023  润新知