antd

antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作

废话不说,上代码! <a-menu theme="dark" mode="inline" :selectedKeys="[$route.path]"> <a-menu-item :key="'/home'"> <router-link to="home"> <a-icon type="user" /> <span>nav 1</sp... »

antd-mobile ListView长列表的数据更新遇到的坑

遇到的问题 listView这个组件我真的是看文档看得脑壳疼。好不容易看文档写完长列表数据展示了。然后遇到一个需求,即用户有一个点赞操作,问题出现了,点赞完数据更新之后listView不刷新列表。 解决列表不刷新问题 官方的demo里有这么一个函数 rowHasChanged ,这个函数返回true或者false,如果是true,则认为这行数据改变了,然后刷新这行数据,也就更新了列表。 // 官方... »

解决React在安装antd之后出现的Cant resolve ./locale问题(推荐)

React在安装antd之后出现的Can’t resolve ‘./locale’问题,是因为moment在2.2之后的版本都有问题,而react默认使用了最新的moment,但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有的 moment 路径引用导入到 moment@2.18.1 操作步骤 安装moment... »

解决React在安装antd之后出现的Can’t resolve ‘./locale’问题

解决React在安装antd之后出现的Can’t resolve ‘./locale’问题

React在安装antd之后出现的Can’t resolve ‘./locale’问题,是因为moment在2.2之后的版本都有问题,而react默认使用了最新的moment,但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有的 moment 路径引用导入到 moment@2.18.1 操作步骤 安装moment 依赖 npm inst... »

Vue + antd组件 实现后端返回二进制流导出Excel模版与上传Excel模版给后端

下载模版 上传更新 methods: { beforeUpload(file) { let Res = this.checkedList.map((itemm, indexx) => { this.newJointObj.forEach((item, index) => { if (item[Object.keys(item)] === itemm) { this.returnJoin... »

antd Form组件行并列显示 Form表单属性为inline时,表单组件宽度问题

formLayout 不起作用Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应:// 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal',const formLayout = , wrapperCol: , } --------------------------------... »

antd遇到的问题汇总

antd遇到的问题汇总

遇到问题看文档一般都可以得到解决。建议指定 scroll.x 为大于表格宽度的固定值或百分比。下拉框Select跟随页面滚动或者日期选择框DatePicker跟随页面滚动官方文档给出的都是使用getPopupContainer指定容器,然后给容器设置定位即可,但是getPopupContainer对于日期选择框无效,日期选择框应使用getCalendarContainer。Nav导航在刷新页面或者... »

react+mobx+router+axios+antd搭建单页应用

react+mobx+router+axios+antd搭建单页应用创建项目基础框架1. npm 全局安装 create-react-app2. 使用 create-react-app 创建项目3. 进入创建的项目中,弹出配置添加依赖1. 添加less依赖2. 添加路由依赖(React Router)3. 添加状态管理依赖(MobX )4. 添加Http请求依赖(Axios)5. 添加UI框架依赖... »

antd表单性能的改进实践

antd表单性能的改进实践

  摘要   随着es2015、babel等技术在前端迅速普及,前端开发效率大幅提升。vue、react之类的框架也被广泛采用。在使用基于react的antd构建后台系统的过程中遇到了明显的性能问题。下面针对遇到的性能问题进行研究并给出解决方案。   antd简介   antd是由阿里旗下的 蚂蚁金服体验技术部 开发的一套UI设计语言,包括了设计样式、规范、组件库等内容。antd基于React开发... »

FAQ: antd pro/umi 添加区块错误

虽然按照antd pro/umi官网构建的项目, 执行添加模块操作时: $ umi block add EmptyPage 或 $ umi block add https://github.com/umijs/umi-blocks/tree/master/demo 报出异常类似: × error AssertionError [ERR_ASSERTION]: C:\Users\用户名\.umi\b... »

antd 过去时间不可选

//不可选日期 export function disabledDate(current) { return current && current { const result = []; for (let i = start; i { let hour = moment().hour(); let disabledHours = []; const chosedDate = ty... »

webpack+react+antd脚手架优化的方法

webpack+react+antd脚手架优化的方法

在之前的文章中了解了webpack v4的特性,现在将知识用于实践,对之前写的一个react脚手架进行打包性能的优化。 优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提取公共代码 1. CSS分离 npm install extract-text-webpack-plugin -D webpack.config.js 将css、less、sass文件单独从打包文件中分离 + let c... »