uni-app自定义验证码、密码输入框

Getting started插件预览图使用教程1.插件代码拷贝下载后把components目录下validCode.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import validCode from ‘./components/validCode.vue’Vue.component(‘validcode’,validCode)3.插件使用vue页面使用<template> <view class=“content”> <view>验证码：</view> <validcode :maxlength=“4” :isPwd=“false” @finish=“getCode”></validcode> <view>密码:</view> <validcode :maxlength=“6” :isPwd=“true” @finish=“getPwd”></validcode> </view></template><script>export default { data() { return {}; }, onLoad() {}, methods: { getCode(val) { console.log(val); }, getPwd(val){ console.log(val); } }};</script><style>.content { height: 400upx;}</style>