- 博客(5)
- 收藏
- 关注
原创 正则限制输入为数字,且最多输入2位小数 之 新写法
(\d{0,2}) : 匹配小数点后面数字,小数点后限制几位小数重复符号{m,n}就可以写到几,对应组匹配符号$4。然后就应该明白正则/^(\.*)(\d+)(\.?)(\d{0,2}).*$/g的含义了,共有4个匹配组。if (reg.test(text)) { //正则匹配通过,提取有效文本。(\.*) : 匹配输入的第一个字符为小数点. , 对应组匹配符号$1。(\d+) : 匹配输入小数点.之前的数字, 对应组匹配符号$2。) : 匹配小数点. , 对应组匹配符号$3。
2024-04-22 16:07:26
726
原创 vue3使用watch监听props中的数据
父组件从接口获取第一页数据,将数据存在dataList中:dataList.value = res.data,注意:此时,已经改变引用类型数据 dataList 的地址指向。3. watch监听 props 中的引用类型数据,且父组件中改变了地址指向时,需要通过 getter 函数返回值的形式(()=>props.xxx)才能监听。当父组件传入的是引用类型数据,且在父组件中通过赋值的形式,改变引用数据的引用地址时,在子组件中要使用 getter 函数返回值的形式,才能监听传入的数据。
2023-06-29 17:13:52
13144
原创 Vue3中watch和watchEffect区别和用法
有些小伙伴第一次接触 Vue3 中的监听器时,感觉有点难,摸不着头脑!其实无非就是两个函数,作用稍微不一样而已,重点我们还是需要理解组合式 API 的思想,这样学起来就简单多了。有时候 watch 监听多个子组件传参 监听不到,但是 watchEffect 可以监听到 首次加载就会监听。
2023-06-29 16:20:38
165
转载 angular路由守卫
一、路由守卫当用户满足一定条件才被允许进入或者离开一个路由。路由守卫场景:只有当用户登录并拥有某些权限的时候才能进入某些路由。一个由多个表单组成的向导,例如注册流程,用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。当用户未执行保存操作而试图离开当前导航时提醒用户。Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些钩子实现上面场景。CanActivate: 处理导航到某路由的情况。 CanDeactivate: 处理从当前
2021-04-20 11:07:11
1161
转载 伪类和伪元素的区别?
一:伪类:1:定义:css伪类用于向某些选择器添加特殊效果。伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为伪类。(这种文档树无法描述的状态是什么呢?当一个元素在用户的不同行为下就变化成不同的状态这个行为的变化dom就无法描述,就要产生伪类,来为一些选择器添加特殊的效果)。2:什么是文档树(DOM)?:...
2018-10-09 11:07:43
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人