脚本宝典收集整理的这篇文章主要介绍了uni-app自定义验证码、密码输入框,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1.插件代码拷贝
2.插件全局配置
import validCode from './components/validCode.vue'
Vue.component('validcode',validCode)
3.插件使用
<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>
以上是脚本宝典为你收集整理的uni-app自定义验证码、密码输入框全部内容,希望文章能够帮你解决uni-app自定义验证码、密码输入框所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。