前端资源网 - w3h5前端资源网 - w3h5

微信 Q Q RSS订阅
捐助名单 收藏本站

24小时更新：0篇    一周更新：0篇最近更新

JavaScript

ag-grid设置选中单行多行及获取选中行数据

Deshun 发布于 2年前 (2022-09-09) 1276℃ 评论(0) 赞 (4)

ag-Grid 是比较实用的数据表格组件，最近接触到了相关的项目，简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型，设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = {   headerHeight:&...

标签：  /   /   /   / 

JavaScript

Umi4获取不到props，默认为空对象

1

Deshun 发布于 2年前 (2022-08-29) 1850℃ 评论(0) 赞 (1)

Umi4获取不到props，默认为空对象

升级到 Umi4 后，有同事和我反映，之前的一些组件不能用了，获取不到 props ，props 是空对象。Umi4 在代码层做了修改，将 react-router@5 升级到 react-router@6，所以路由相关的一些 api 存在着使用上的...

标签：  /   /   /   /   / 

经验总结

React map 逗号的解决方法

Deshun 发布于 2年前 (2022-08-16) 1055℃ 评论(0) 赞 (3)

使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法，数组结构 [1, 2, 3] 里面的逗号也会被带上，就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组，指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。arr.map((item)=>{   return item...

标签：  /   /   /   /   / 

JavaScript

ExcelJS导出Ant Design Table数据为Excel文件

2

Deshun 发布于 2年前 (2022-07-26) 1432℃ 评论(0) 赞 (1)

ExcelJS导出Ant Design Table数据为Excel文件

我们的项目中需要导出 Excel 的需求还是挺多的，找了一个处理导出 Excel 的库 ExcelJS ，npm包。可以满足（但不限于）以下需求：简单表格导出为表格添加样式（更改背景色、更换字体、字号、颜色）设置行高、列宽解析 ant-design 的 Table 直接...

JavaScript

Umi for React项目mock数据的使用

Deshun 发布于 2年前 (2022-07-22) 1239℃ 评论(0) 赞 (0)

使用 Mock 可以方便的模拟接口数据，只需要简单配置，就能实现上万级别的模拟数据。下面简单记录一下， Umi 项目 Mock 的使用：本地配置开启 Mock修改 umi 配置文件 .umirc.ts ，开启 mock ：export default defineConfig({   mock: {}, });配置接口在项目...

标签：  /   /   /   /   / 

经验总结

Flex弹性布局元素被挤压变扁问题解决

1

Deshun 发布于 2年前 (2022-07-05) 1399℃ 评论(0) 赞 (0)

Flex弹性布局元素被挤压变扁问题解决

像这种，如果子元素的宽度过大，就会出现被挤扁的情况，不能显示实际的宽度。解决方法：有一个 flex-shrink 属性，可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收...

标签：  /   /   /   /   /