js
super美少女战士
就想看自己能坚持多久。。。对 就这么简单!!!
展开
-
vue完整的登陆页面开发
**完整的登陆页面开发**,组件使用的是vant ui,具体用法可去官网看。分几个部分考虑,一、输入框input的校验:1、blur时没有值和格式不符合的逻辑校验2、限制输入长度逻辑,比如手机号只能11位,验证码只能6位。二、验证码按钮逻辑:1、不同状态下验证码颜色,文案,是否能点击,是否显示记数需要兼顾。2、验证码能够正常点击是在手机号格式正确情况下,所以这里要有个监听手机号,一旦格式符合,验证码生效3、关于计数器的逻辑。以下会从上面的点开考虑:一、input的校验没有可说的,记住俩原创 2022-05-26 20:02:37 · 1621 阅读 · 1 评论 -
银行卡号手机号怎么用*号展示
关于银行卡号手机号怎么用*号展示工作中经常会遇到银行卡号或者手机用*号隐藏部分数据,用到的知识点是字符串substring和substr方法substring()和substr()方法都是从0开始数,不包括最后一项。手机号格式: computedPhone() { let res = JSON.parse(JSON.stringify(this.phone)) + ""; if (res == "") { return ""; } le原创 2021-03-22 19:12:37 · 484 阅读 · 0 评论 -
【ElementUI】日期选择器时间选择范围限制
element ui中日期日期范围的限制官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。函数名disabledDate不可更改。单个输入框情景1: 设置选择今天以及今天之后的日期data (){ return { pickerOptions0: { disabledDate(time) { return time.getTime() < Date.now() - 8.64e7;原创 2021-03-17 10:41:28 · 1173 阅读 · 0 评论 -
el-input只能输入数字,保留小数点俩位
由于项目中有很多控制输入框字符校验的规则,每次找都比较复杂,今天先做个罗列。1、只能输入数字。其实这个方法element组件自带el-input-numer可以解决,但是!但是!有个坑,如果你想在输入数字的基础上保留俩位数,你可能未设置precisio=2,对吧对吧,但是如果你继续想控制小数点前的位置个数时你就会发现这个组件拿不到像后面带零的长度,比如1.00打印出来也只是1,所以这个就得额外处理点和0 。当时真的气死我,还好经过同事的指点发现一个更好用的方法。1⃣️只能输入数字的校验,注意input原创 2020-12-27 18:05:38 · 4619 阅读 · 0 评论