Object.defineProperty方法、Avue编辑可自定义、常用的校验、数组的简洁用法、对el-picker做时间限制

67 阅读2分钟

1.Object.defineProperty方法

(三个参数)

1.属性所在的对象
2.属性的名字
3.一个描述符对象

(delete 只能删除对象上的属性)

第一个 false 是因为 delete 只能删除对象上的属性,name 不是属性,所以删除失败

图片.png 图片.png

图片.png

2.Avue编辑可自定义

图片.png

图片.png

图片.png

图片.png

最后将编辑自带的编辑按钮设置为false

图片.png

3.input校验的负小数校验 (1)不能输入负数,只能输入正整数以及小数点保留后两位 图片.png

图片.png

例如: --0.222-- => 0.22(不能输入-)

(2)可以输入负数,只能输入负整数以及小数点保留后两位

图片.png

例如: --0.222-- => -0.22

4.邮箱、手机号、身份证

blog.csdn.net/qq_46617584…

blog.csdn.net/Development…

5.数组的简洁用法 juejin.cn/post/684490… (数组简洁用法)

(1)indexOf与includes

使用indexOf寻找数组中指定元素的下标,若不存在则返回-1。使用includes寻找数组中是否包含指定元素,返回值为true/false。

图片.png

(2)filter与find

使用filter过滤数组中符合条件的值放入新数组返回,find过滤数组中符合条件的第一个元素。filter必须遍历整个数组,而find找到符合条件的值时,就会停止遍历。

图片.png

(3)includes与some

使用some当我们需要知道数组中是否存在一个元素时,返回值为true与false(some在寻找到第一个符合条件的值则停止继续遍历)它与includes的区别是,some参数可以是回调函数,而includes参数只能为值。

图片.png

6.对el-picker做时间限制

disabledDate:return返回的是禁用的时间范围

例:

图片.png 禁用今天之后的日期(大于今天的日期被禁用)

(1)只能选择之前、之后的时间(不包括今天)去掉-8.64e7则包括今天

之前> 之后< 图片.png 图片.png

(2)只能选择今天往前六个月的时间

图片.png

(3)

图片.png

1.需要获取到选中第一个值(开始时间)的事件做判断并存储起来,并设置一个值来判断是否选中条件。

图片.png

图片.png

2. 设置禁用条件,return的是禁用时间区间,然后禁用的今天之后包括30天内 + 禁用30天前包括六个月前 ,将时间往前的条件放在一起,时间往后的条件放在一起。

图片.png

3.再次获取焦点时将条件判断设置为条件2

图片.png

4.点击过快可能会导致条件判断错误,可以加上disabled,在选中后在将disabled去掉

图片.png