Tag "Umi" 相关话题

经验总结

Umi动态修改路由跳转redirect配置

Deshun 发布于 3年前 (2022-02-22) 2877℃ 评论(0) 赞 (1)

Umi 的路由跳转可以在配置文件中配置,但如果需要跳转的 path 路径不固定,就比较麻烦了。还在 Umi 提供了运行时配置,可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码:export function patchRoutes({&n...

JavaScript

Umi & Ant Design Table组件expandable展开功能踩坑记录

1

Deshun 发布于 3年前 (2021-12-14) 3061℃ 评论(0) 赞 (0)

Umi & Ant Design Table组件expandable展开功能踩坑记录

React 的 Ant Design 的 Table 表格组件有一个 expandable 属性,是展开功能的配置。其中有一个属性 expandedRowClassName ,官方的说明是展开的行,控制属性。但是我加了之后,怎么都渲染不出来。expa...

经验总结

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

1

Deshun 发布于 3年前 (2021-12-08) 1897℃ 评论(0) 赞 (0)

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

今天接到一个需求,表格要改成这种的:环比分为两列,表头居中对齐,下面单元格右对齐,而且中间的线要去掉。这样就需要用到合并单元格,然后通过样式把边线去掉,这里的根据数值设置字体颜色可以用 render 属性,可以参考:React & Ant Design Tabl...

经验总结

React & Ant Design Table组件自定义单元格文字颜色

1

Deshun 发布于 3年前 (2021-11-18) 2712℃ 评论(0) 赞 (0)

React & Ant Design Table组件自定义单元格文字颜色

Ant Design 自定义列的单元格字体颜色,一般财会项目可能用的的比较多。利用 columns 的 render 属性,可以 return 一个 <span /> 标签,并设置 style ,代码如下:const columns&nb...

经验总结

浏览器history模式及Umi history的使用

Deshun 发布于 3年前 (2021-11-14) 3567℃ 评论(0) 赞 (2)

history API 是 H5 提供的新特性,允许开发者直接更改前端路由,即更新浏览器 URL 地址而不重新发起请求。它提供了丰富的函数供开发者调用:push :向 history 栈里添加一条新记录,用户点击浏览器的回退按钮可以回到之前的路径;go:在 history 记录中向前或者后退多少步,参数是一个整数,可为正数可为负数;goBack:返回上一页;forward():前进;replace...

经验总结

Umi&React打包部署项目刷新报404错误的几种解决方法

Deshun 发布于 3年前 (2021-09-08) 3196℃ 评论(0) 赞 (2)

Umi 打包部署到服务器,刷新页面会报 404 错误,这个问题一般是服务端来处理的,比如 Nginx 代理重定向。Umi 官方也提供了解决方法,下面一一介绍一下。1、改用 hashHistory在配置文件 .umirc.js 中增加一行配置:history: { type: 'hash' },修改后路由中会由 w...

经验总结

Umi&React打包部署到非根目录及刷新报错404的问题解决

Deshun 发布于 3年前 (2021-08-01) 4041℃ 评论(0) 赞 (0)

在开发中可能一个项目包含多个子项目,如前端项目和后台管理的项目放在同一个服务器目录中。前端项目地址是 www.w3h5.com ,后台管理项目地址是 www.w3h5.com/admin 。这样会遇到一个问题,本地开发是好的,部署后就没反应了,页面无法正常打开,而且没有报错?没有报错! 这是应用部署在非根路径的典型现象。为啥会有这个问题?因为路由没有匹配上,比如你把应用部署在 /xxx/ 下,然后...