- 博客(17)
- 收藏
- 关注
RSS订阅原创 element表格状态变更，checkbox勾选失效
通过查阅源码发现element里面有个cleanSelection()的方法，只要监听到table数据有变更，调一下这个方法，selection-change这个方法所计算的，表格选中的item项就会更新到正确的值。但是这会出现问题，比如删除某一行数据或者批量删除时，已选多少项数目不对，我们希望翻页能自动清空选项等等。由于我们的项目要5s更新一次数据，每更新一次数据，勾选状态就会丢失。
2022-10-29 19:43:54
1461
原创 记录---根据权限动态控制路由
这个方案采用后端根据登录者的权限，返回一个含有权限路由url的对象数组，前端根据url数组匹配路由，动态生成路由。最后再去对应的组件里面添加占位。这个是基于webpack工具函数，查找对应文件夹下单个的路由文件。这个函数的调用时机是在用户点击完登录，获取用户信息等数据后调用。然后在utils文件夹里面建一个map-menus文件。
2022-08-20 15:39:57
568
原创 封装一个自动清理过期的localstorage脏数据
封装一个自动清理过期的localstorage脏数据，之前如果是一个key对应一个value值的话，在get的时候只能判断当下的一条数据是否过期，并不能实现自动清理过期的脏数据，所以我们把localstorage的数据格式定义成如下...
2022-08-15 11:43:50
441
原创 大于等于0小于等于100的正数用正则表达式表示
可以有小数：^100$|^(\d|[1-9]\d)(\.\d+)*$不可以有小数：^100$|^(\d|[1-9]\d)$
2022-04-14 14:34:24
925
原创 关于setState的一些坑
setState更新数组你会发现，如果直接使用push等方法改变state，按理来说，push会改变原数组，数组应该更新，但渲染出来的state并不会更改let newValue = 1;const [array, setArray] = useState([]);const handleChange = (newValue: number) =>{ array.push(newValue); setState(array);//array更新了，但无法触发渲染 console.l
2022-02-18 16:23:38
664
原创 记录AntD Table组件selectedRows翻页后不保留上一页已选中items，和keys的解决方案
两种解决方法1.重写onchange函数，大致思路就是每次操作勾选、不选动作的时候，都移除当前列表的所有id，再把当前页重新选中的id，赋值到selectedRowKeys这个state里面。下面贴出核心代码import * as _ from 'lodash'; const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRows, setSelectedRows] = useState([]);
2022-02-18 16:03:25
2135
原创 用js获取当前时间
可以用moment库import moment from 'moment';moment(Date.now()).format('YYYY-MM-DD HH:mm:ss')获取格式化的时间
2022-02-17 17:52:18
420
原创 Vue3学习——reactive对比ref——关于.value
使用角度来说：ref定义的数据：操作数据 需要.value，在js中；读取数据时，模板中不需要.valuereactive定义的数据：操作数据与读取数据：均不需要 .valueref定义的数据用.value的原因：在模板中引入ref的值时，Vue会自动帮助我们进行解包操作，所以我们并不需要在模板中通过 ref.value 的方式 来使用；但是在 setup 函数内部，它依然是一个 ref引用， 所以对其进行操作时，我们依然需要使用 ref.value的方式......
2022-02-10 18:50:27
4702
原创 字符串数组转对象数组
const reasonLi: any[] = []; reasonList.forEach(it => { reasonLi.push({ answer: it }); }); console.log('reasonLi arr', reasonLi);
2022-01-20 11:46:52
993
原创 使用echarts如何让负坐标轴显示正数与正坐标轴对称
在echarts官网是这样的，如上图 xAxis: [ { type: 'value', axisLabel: { formatter: function(data) { return Math.abs(data) // 负数取绝对值变正数 } } } ], series...
2022-01-07 09:53:11
2446
原创 vue使用Echarts渲染图表 请求的后台数据返回{ob: Observer}
将后台请求回来的数据和图表结合的时候，发现图表并没有被渲染出来，但是写死数据就可以，网上搜说是因为{ob: Observer}是只读属性，后面的__ob__: Observer以后,我们会获取不到该数组里面的值,它是不可枚举的,这时候我们需要用JSON.parse(JSON.stringify(该数组))重新生成一个可枚举数组.{ob: Observer} 这种格式的是 Vue 对数据监控添加的属性。但试了半天根本没用，之前我是在created请求数据，图表的渲染在mounted中，以为这个先后顺序
2022-01-06 11:03:47
1490
1
原创 记录上传文件react抽离判断逻辑遇到的坑（return 和 return false)
1.return返回null，起到中断方法执行的效果，只要不returnfalse事件处理函数将会继续执行，表单将提交2.returnfalse，事件处理函数会取消事件，不再继续向下执行。比如表单将终止提交。做上传文件题型碰到的坑，做校验后直接return出去了，发现当校验失败后，依旧会文件上传上去发现不能直接return ,要写return false...
2021-12-29 11:30:41
789
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人