[经验分享]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="width:250px;margin:10px auto;">
4         <inputcode code="{{code}}" input-color="#333" span-color="#333"></inputcode>
5     </ui-view>
6 </ui-view>

然后重新编译，运行即可。

 

以上亲测，有疑问欢迎关注我的微信公众号进行提问

公众号：sxmljx

转载于:https://www.cnblogs.com/zhao365845726/p/9916233.html