酸酸的博客

Ant Design moment对象转字符串方法：moment.format(); console.log(moment(this.state.value).format('YYYY-MM-DD hh:mm:ss'),666556)

解决react鼠标移入移出样式修改的问题。效果截图：代码实现：js代码：<div className={styles.listStyle}> <Menu onClick={this.listClick} style={{ width: '100%', height: '100%' }}

表格页效果：代码实现：js代码：import React from 'react';import styles from './styles.less';import { connect } from 'dva';import { Input, Button, Modal, DatePicker, Table, Divider, Popconfirm, message } from 'antd';import { DownOutlined } from '@ant-design/icons'

效果图:一、template代码<a-row :gutter="18" type="flex" justify="center"> <a-col :span="20" :style="{ textAlign: 'center' }"> <a-divider orientation="left">位置信息</a-divider> </a-col></a-row>&

解决AntDesingVue select下拉框中数据量过多，响应慢问题一、问题描述二、解决方案三、代码实现一、问题描述在开发公司项目时，需要将行政区划名称与行政区划代码做联动，当选择行政区名称时自动填充行政区划码效果如下但是由于行政区名称数据过多（3500多条数据），导致点击下拉框时发生卡顿现象（点击下拉框5秒后才会有响应）。并且选择行政区名称时，也会发生卡顿现象。二、解决方案在这里插入代码片去Ant DesignVue官网，查看select的API，发现有下拉列表滚动时的回调方法，所以

Ant DesignVue表单预设初值以及获取表单数据一、方法setFieldsValue与validateFields二、setFieldsValue方法使用三、validateFields方法使用一、方法setFieldsValue与validateFieldsAnt DesignVue官网，查看form的API，方法setFieldsValue 用给来设置输入控件的值。方法validateFields来获取一组输入域的值与校验全部组件。二、setFieldsValue方法使用1.form表单

Ant Design （vue，react）Upload文件上传功能一、Ant Design Vue文件上传功能二、Ant Design React文件上传功能一、Ant Design Vue文件上传功能文件上传选项框 <a-modal title="上传文件" :footer="null"//不显示底部按钮 :visible="visible"//是否显示 :confirmLoading="confirmLoading"//确定按钮 load

效果如下：1.假数据实现效果<a-row :gutter="24" type="flex" justify="center"> <a-col :span="10" :style="{ textAlign: 'center' }"> <a-form-item label="跨径类型" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }"> &

最近在使用antDesign的menu导航菜单时，遇到了一些小问题，这篇文章来总结一下。一、左侧菜单缩起时显示异常问题描述：左侧图标换成了本地的图片后，antDesign 的组件库找不到icon，不能给它设置样式，所以我们只要给我们自定义的图标赋值上antDesign菜单中icon的class即可。问题效果图：解决：在antdesign官网中找到的menu菜单组件，使用F12开发人员调试器，选中图标查看代码：发现该图标的class为anticon，于是给自定义图标设置class为anticon