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

  • 相关阅读:
    Python 循环语句
    Python if、elif 、else语句 与 布尔运算
    Python 运算符
    Python 标识符
    Python 常用数据类型(整数,浮点数,复数,布尔型)
    Python 编辑器内容
    Python 语言介绍
    vscode 最新中文设置
    漫画数据库_基础和设计数据库
    linux配置服务器
  • 原文地址:https://www.cnblogs.com/zhao365845726/p/9916233.html
Copyright © 2011-2022 走看看