前端资源网 - w3h5Umi动态修改路由跳转redirect配置
Deshun 发布于 3年前 (2022-02-22) 2810℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置，但如果需要跳转的 path 路径不固定，就比较麻烦了。还在 Umi 提供了运行时配置，可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码：export function patchRoutes({&n...
Tag "antd" 相关话题
Umi & Ant Design Table组件expandable展开功能踩坑记录
1Deshun 发布于 3年前 (2021-12-14) 3008℃ 评论(0) 赞 (0)
React 的 Ant Design 的 Table 表格组件有一个 expandable 属性，是展开功能的配置。其中有一个属性 expandedRowClassName ，官方的说明是展开的行，控制属性。但是我加了之后，怎么都渲染不出来。expa...
Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现
1Deshun 发布于 3年前 (2021-12-08) 1845℃ 评论(0) 赞 (0)
今天接到一个需求，表格要改成这种的：环比分为两列，表头居中对齐，下面单元格右对齐，而且中间的线要去掉。这样就需要用到合并单元格，然后通过样式把边线去掉，这里的根据数值设置字体颜色可以用 render 属性，可以参考：React & Ant Design Tabl...
React & Ant Design Table组件自定义单元格文字颜色
1Deshun 发布于 3年前 (2021-11-18) 2652℃ 评论(0) 赞 (0)
Ant Design 自定义列的单元格字体颜色，一般财会项目可能用的的比较多。利用 columns 的 render 属性，可以 return 一个 <span /> 标签，并设置 style ，代码如下：const columns&nb...
umi项目antd pro ProLayout添加base或开启hash时菜单不能正常选中的解决方法
Deshun 发布于 3年前 (2021-11-03) 1691℃ 评论(1) 赞 (1)
umi 项目使用 Ant Design Pro ProLayout 组件在添加 base 或开启 hash 时菜单不能正常选中。解决方法：传入 location 即可：const IndexPage: React.FC<BasicLayoutProps> = (props) => { &...
Umi&React动态修改title标题
Deshun 发布于 3年前 (2021-07-07) 3416℃ 评论(0) 赞 (1)
接上文：Uni&antd的ProLayout布局动态菜单实现及踩坑记录在调整好菜单后，又发现一个问题，打开页面不显示标题，点击菜单的时候才会正常显示标题，再次点击当前菜单，标题又变的不太对了。首次打开不显示标题因为 umirc.ts 配置文件的 route 没有配置 title 配置后显示标题了：routes: [ { &nbs...
Uni&antd的ProLayout布局动态菜单实现及踩坑记录
1Deshun 发布于 3年前 (2021-07-06) 4556℃ 评论(0) 赞 (2)
ProLayout 高级布局是 Ant Design Pro 中的一个组件，可以提供一个标准又不失灵活的中后台标准布局，同时提供一键切换布局形态，自动生成菜单等功能。页面中需要承载内容时，可以使用 ProLayout 来减少布局成本。项目使用 Umi 开发，Umi 是集成了 An...
封装一个图片文件对象转Base64的方法
Deshun 发布于 4年前 (2021-05-27) 2028℃ 评论(0) 赞 (0)
常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件，支持 change 等事件，但是事件返回的是文件对象，如果需要本地实时预览，就需要转换成 Base64 格式。可以封装一个方法，方便以后的使用。@/utils/getBase64.js/** * Create by Deshun *&nb...
Ant Design Vue报错：Failed to resolve directive: ant-portal的问题解决
Deshun 发布于 4年前 (2021-02-01) 2405℃ 评论(0) 赞 (2)
使用 Ant Design Vue 框架，在调用 Modal 组件时报错：[Vue warn]: Failed to resolve directive: ant-portal (found in <Anonymous>)解决方法：注册 Modal 的时候，将：Vue.component(...
v-decorator的取值与赋值
Deshun 发布于 4年前 (2020-07-30) 11399℃ 评论(0) 赞 (2)
v-decorator 是 Ant Design 的控件验证属性。经过 getFieldDecorator 或 v-decorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管，这会导致以下结果：你不再需要也不应该用 on...