E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
AntD
ant-design-pro v6 日期组件显示英文的问题解决!
版本:"dayjs":"^1.11.10","
antd
":"^5.9.2",解决://目录:locales/zh-CN.tsimportmomentfrom'moment';import'moment/
沐歌丨丶
·
2023-10-24 08:39
react
ant
design
pro
react
ant
design
pro
create-react-app项目所遇问题总结之
antd
引入和样式不生效问题解决
∂)如何引入
antd
第一步:安装
antd
yarnadd
antd
-S第二步:安装babel-plugin-import,让
antd
样式按需加载yarnaddbabel-plugin-import-S第三步
小小少年小阿清
·
2023-10-23 21:09
FormMaking V3 发布,支持 Vue3 的可视化低代码表单设计器
简介FormMakingv3是基于Vue3.x和ElementPlus开发的可视化/低代码表单设计器,可以生成Element和
Antd
样式的表单。
GavinZhulei
·
2023-10-23 18:04
基于
antd
@5.x封装Form.List组件
基于
antd
@5.x封装Form.List组件使用案例constinitFormState={formList1:[{start:'测试',end:'100',},{start:'abc',end:'value
一夜醒来头秃了
·
2023-10-23 17:58
list
react.js
javascript
antd
中Table表格不绑定key或用index作key的坑
一、问题:点击筛选后,被选中的复选框没被选中造成的原因:表格中渲染的每一列都会默认绑定primaryKey属性,字段是key,这个是可以更改的(自己看文档)。筛选后数组变为3个,但是最初第一个是未被选中的,key标识没变,所以出现筛选后与实际数据展示的复选框不符。解决办法:打开代码中columns里操作列key的注释即可;或者给表格绑定的数据提前处理加个唯一的key字段;useEffect(()=
一夜醒来头秃了
·
2023-10-23 17:28
react.js
js
可视化滚动表格
基于
antd
中Table组件进行二次封装,其中css变量–height高度-55的原因是
antd
默认表格大小的行高是55,行高可自行基于
antd
的size重新计算减去的高度importReact,{useEffect
一夜醒来头秃了
·
2023-10-23 17:55
react.js
javascript
antd
switch在form里提交时值为undefined
}unCheckedChildren={}/>点击提交按钮提交开关的表单值top为undefined解决方法:需添加valuePropName="checked",并设置默认值initialValue}unCheckedChildren={}/>p.s:如果设置initialValue无效,则为form设置默认值
mollymeaw
·
2023-10-23 14:02
Homeassistant docker配置
Homeassist
antd
ocker配置【说明】本系列为自用教程,记录以便下次使用【背景】一台J19004G+64G的小主机,安装了OP系统,里面自带了Docker。
小小洋洋
·
2023-10-23 13:31
docker
容器
运维
Ant Design Pro(5)-7.高级表格ProTable
AntD
esignPro高级表格ProTable的使用文章目录
AntD
esignPro高级表格ProTable的使用一.简介1.什么是ProTable?2.何时使用ProTable?
浪浪山的猿
·
2023-10-23 13:49
Ant
Design
Pro
javascript
typescript
前端
Fullcalendar插件的使用
设计需求因为设计稿是这样的像日历又不完全是日历,所以本来想用
antd
的日历组件也用不了还好Fullcalendar插件可以满足安装npminstall--save@fullcalendar/react@
Eveweiscsdn
·
2023-10-23 12:40
工具类
react.js
javascript
react 路由render属性
/App.css';import{Switch,Route,Redirect}from'react-router-dom'import{Button}from'
antd
'import'
antd
/dist
神奇大叔
·
2023-10-23 10:01
React
react
Ant Design Vue 中cascader级联组件动态加载数据
前言
AntD
esignVue中的cascader是专门处理级联数据的组件,使用非常简单。但在动态获取数据并回显数据方面,略有不足,无法实现回显数据前加载二级数据。需要自己编写代码来实现。
Coder1024
·
2023-10-22 22:10
react dispatch不生效的坑
一、前言最近写react
antd
项目,在A页面中使用了dispatch方法,然后B页面中嵌套A页面,没有问题;但是在C页面中嵌套A页面的时候,就发现dispatch方法没有执行,也不报错,就很奇怪;还发现
追逐梦想永不停
·
2023-10-22 21:49
react.js
javascript
前端
vue3+vant开发微信公众号网页爬坑不完全指北
然后又是移动端项目,可以放心地使用框架和es6+的语法提升开发体验了,因为平时的项目很多都是jQuery,并且需要兼容低版本ie浏览器.接下来就是技术选型,结合我擅长的react考虑,移动端UI组件首先我就想到了
antd
es
winty~~
·
2023-10-22 18:00
微信
javascript
前端
vue.js
开发语言
ant design vue pro打开多标签,相同路由多个页面没有重新加载数据问题
开启
antd
esignvuepro的multiTab,打开多个详情页面的时候没有发现数据没有刷新,或者最后一个刷新了。再点击回去原来的又变成现在的了。这是加个路由监听就好了。
今天天气很好我心情也很好
·
2023-10-22 13:42
VB6下简易的JSON解析器
PublicFunctionJSONParse(ByValJSONPathAsString,ByValJSONStringAsString)AsVari
antD
imJSONAsObjectSetJSON
笨狗先飞
·
2023-10-22 09:53
杂家杂谈
格子军团
Ceuxquivivent,cesontceuxquiluttent;那些战斗的人们,才是真正的活着Ay
antd
evantlesyeuxsanscesse,在他们眼中,这热爱nuitetjour日日夜夜
一条逐流的鱼
·
2023-10-21 23:02
震惊!!!Diboot 2.0.5 发布,让开发工作又快又爽
除此之外,我们还为您准备了两套前端基础项目,分别是基于
Antd
ProVue和基于VueElementAdmin的项目,有助于更加快捷地开始您的项目。对于以上的版本简
fresh_ozone
·
2023-10-21 20:11
react-
antd
阻止input form组件回车提交表单
给input添加回车事件,阻止冒泡this.preventBubble(e)}/>然后在函数里冒泡preventBubble(e){e.preventDefault();}这是用云开发开发的小程序,可以参考一下
冰河技术
·
2023-10-21 17:17
package.json--dependencies和devDependencies区别,-S -D区别
如js框架vue、页面路由vue-router,各种ui框架
antd
、element-ui、vant等,-save自动把模块和版本号添加到dependencies部分。
神话降临
·
2023-10-21 15:26
2018-07-31之基迪奥论坛学习的柱状图加显著性
读取数据dataF)`#方差分析oneway<-aov(dia~lab,data=data)anova(oneway)#多重比较方法#TukeyHSD法#Tukey’sHonestlySignific
antD
ifferencebijiao
热衷组培的二货潜
·
2023-10-21 12:07
tab点击切换不使用判断条件进行不同tab的切换刷新
注:我这里使用的
antd
vueuidata(){return{current:'receivable',},},methods:{callback(key){this.current=keythis.
CV章鱼烧
·
2023-10-21 11:07
vue.js
前端
javascript
antd
vue 组件 使用下拉框的层级来显示后面的输入框
效果图:代码:HTML:handelChange(e,'approverList')">一级二级三级{{i+1}}Data:form:{//默认层级是一级所以默认:1PlatformPurchaseApproveLevel:1,approverList:[{}],},codeList:[{code:'PRODUCT_PURCHASE',name:'approverList',type:0,//'审
CV章鱼烧
·
2023-10-21 11:53
vue.js
javascript
Extensive Game and Basics for CFR Minimization
Import
antD
efinitionsfunctionmappingeachactionprofiletoavectorofutilitiesforeachplayerastrategyprofilewhichmappinginformationsetandactions'probabilitiesforplayerreachprobabilityofgamehistorywithstrateg
LoveMoM
·
2023-10-21 10:23
antd
3升级到
antd
4(已解决所有报错)
Antd
3To
Antd
4前提条件需将
Antd
3升级到最新版本,并解决控制台的警告与报错React要求最低为16.9.0版本,但推荐至少16.12.0版本以上实施流程根据官方文档的说明,需要先将
antd
升级到
田本初
·
2023-10-21 09:22
react.js
ant design vue Message 用法以及内容为 html片段情况
antd
esignvue的Message用法全局展示操作反馈信息何时使用#可提供成功、警告和错误等反馈信息。顶部居中显示并自动消失,是一种不打断用户操作的轻量级提示方式。
懮 俍
·
2023-10-21 09:49
vue.js
前端
javascript
云凤蝶可视化搭建的推导与实现
自我介绍首先简单自我介绍一下,我在社区的id一般是paranoidjk,我曾经参与过的一些项目有:移动端开源组件库
antd
-mobile,蚂蚁的移动营销活动平台凤蝶,现在主要focus在企业级应用制作平台云凤蝶这个产品上
自画象
·
2023-10-21 08:05
NPM下常用的包使用方式
needle4.clipboard二、辅助开发1.Chalk2.Sass、Less3.Eslint4.nodemon5.cross-env三、UI组件ElementPlusVuetifyNaiveUI
AntD
esign
LauSET
·
2023-10-21 06:58
Front
npm
nodejs
了解Ant-Design
二、package.json{"name":"
antd
","version":"3.19.8","title":"
AntD
esign","description":"Anente
_茂
·
2023-10-21 04:58
Ant Design使用离线Icon
项目
antd
版本号:"
antd
":"3.7.3",
antD
esignPro版本:"name":"ant-design-pro","version":"1.3.0",解决办法安装
antd
-iconfontnpmi
antd
-iconfontnpmrunbuild1
_请输入昵称
·
2023-10-20 21:13
【
Antd
】InputNumber 只能输入整数
方式1:使用precision,对输入的内容做保留0位小数处理,方式2:使用formatter或parser,利用正则控制只能输入整数(/^\d+$/.test(text)?text:text.slice(0,-1))}/>,(/^\d+$/.test(text)?text:text.slice(0,-1))}/>,
shangdong2023
·
2023-10-20 18:13
前端
ant-design
antd
react实现上传文件进度条
进度条组件进度条Progress-
AntD
esignpercent是进度显示百分比//进度条获取进度条百分比在ajax里面写这个方法把获取到的数放到state里面然后再传到进度条组件里面就好了onUploadProgress
小熊猫壹贰号
·
2023-10-20 18:11
react.js
前端
react调用
antd
4.X自定义图标 icon(深入,解决阿里巴巴矢量图标自定义更改后无法引用问题)
1先贴图2看官网代码https://ant.design/components/icon-cn/#components-icon-demo-custom使用iconfont.cn,使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接,我们在react里面调用它即可。3看这篇博客https://blog.csdn.net/weixin_44021270/article/deta
你好昵称已存在
·
2023-10-20 18:39
大前端
react
antd4.x
react实现一维表格、键值对数据表格key value表格
UI画的需求很抽象,直接把数据铺开,不能直接用
antd
组件了上一行是name,下一行是value,总数不定,最后前端还要显示求和classOneDimensionTableextendsReact.Component
six66667
·
2023-10-20 18:08
前端
react
table
react
antd
实现upload上传文件前form校验,同时请求带data
最近的需求,两个下拉框是必填项,点击上传按钮,如果有下拉框没选要有提示,如图如果直接使用
antd
的Upload组件,一点击文件选择的窗口就打开了,哪怕在Button里再加点击事件,也只是(几乎)同时处理两个方法
six66667
·
2023-10-20 18:07
前端
react
antd
form
上传文件
antd
表格宽度超出屏幕,列宽自适应失效
最近遇到个诡异的问题,Table用的好好的,可就有一个页面的表格显示不全,超出浏览器宽,设定表格宽度也没用。仔细分析了用户上传展示的数据后发现,不自动换行的超宽列都是url地址,一开始还以为是地址里有不换行的转义符,查看数据后也没有。最终发现是因为url地址被当做一个英文单词,而一个单词除非里面有连字符,是默认不换行的,中文没有这个问题。最后在样式里面设置:.td{word-break:break
six66667
·
2023-10-20 18:37
前端
Antd
Table
react
关于react-
antd
里的表单的自定义校验
最开始我想的是在input标签里面加入onChange时间,但是用到了
antd
,本来就是校验功能,这个功能已经添加上了正则校验手机号的功能(用的
antd
的API),所以我想自定义校验的话应该也会有相应的
天天摆烂
·
2023-10-20 18:07
react.js
javascript
前端
antd
+react 表单自定义验证
validator单独写在一个对象中。必须先判断value是否存在,否则验证后台提示,页面不显示未添加代码部分//用户名称校验consthandleName=(rules,value,callback)=>{if(value){if(value.length10){console.log("0000")callback('请输入2-10位用户名称')return}}else{callback()}
会跳舞的小猴子
·
2023-10-20 18:36
react
ant
React给
antd
中TreeSelect组件左侧加自定义图标icon
今天碰到了一个很恶心的问题,就是在给
antd
的treeSelect组件加左侧icon的时候,总是报一个警告,Warning:Eachchildinalistshouldhaveaunique“key”prop
六卿
·
2023-10-20 18:36
报错锦囊
react.js
javascript
ecmascript
react中使用
antd
自定义form表单:
antd
自定义表单的官方说明:具体使用:子组件封装:自定义form组件,在引入的使用已经提供了value和onChange方法,所以在子组件中直接使用就行了。
light多记一点
·
2023-10-20 18:33
react
react.js
javascript
前端
react中
antd
/select下拉框可单选可自定义输入
importReact,{useState}from'react';import{Select}from'
antd
';const{Option}=Select;constarr=[1,2,3,4,5];
一夜醒来头秃了
·
2023-10-20 18:03
react
react.js
javascript
前端
react
antd
中模态框自定义按钮踩坑
antd
中模态框自定义按钮上代码//这个key值必须填不然会引起非必要的冲突]}>Somecontents...Somecontents...Somecontents...
lixh_man
·
2023-10-20 18:03
antd
模态框自定义按钮
react.js
javascript
ecmascript
react项目使用
antd
组件库自定义主题颜色
我们的UI样式跟
antd
的颜色不太一样,所以要全局修改一下主题颜色,这是再有less的前提下,如果项目使用的不是less,请先下载less的依赖第一步:下载依赖npminstall@craco/craconpminstallcraco-less
haoxinqing222
·
2023-10-20 18:32
前端填坑
react
ant
react仿照
antd
progress实现可自定义颜色的直角矩形进度条
可传颜色、带滑块的直角进度条很歹毒的UI设计(真的很丑)实现:classRankProgressextendsReact.Component{render(){const{percent,progressColor}=this.props;return()}}使用:样式(less文件).progress{:global{.progress-outer{position:relative;displ
six66667
·
2023-10-20 18:29
react
进度条
antd
单独修改组件库样式/样式穿透/深度选择器
less的样式穿透使用:(/deep/)2.stylus的样式穿透使用:(>>>)3.通用的样式穿透使用:(::v-deep)二、单独修改当前页面内的单个组件样式样式穿透其他场景应用:v-html存在问题:
AntD
esignofVue
大脸胖柴
·
2023-10-20 14:08
CSS
javascript
前端
vue.js
关于react引入图片无法显示的问题(不报错)
关于react引入图片无法显示的问题(不报错)问题在UI组件里面使用添加图片,直接用src给出路径在确定路径无错后,开始以为是
antd
design组件添加图片的问题。
cjcora
·
2023-10-20 13:22
react
react
javascript
react使用
antd
如何动态设置input输入框的值
注意:Form里initialValues不能被setState动态更新,你需要用setFieldsValue来更新。举个例子:当我点击修改时需要动态更新模态框中输入框的值相应代码(注意:需要给From引用ref):要动态更新输入框的值,相应代码如下:myForm=React.createRef()//就是上面图片ref的容器showUpdate=(text)=>{this.setState({m
正在开发中
·
2023-10-20 12:40
react.js
antd
给input设置值_React中input框设置value报错解析
reactinput不设置onChange的常见错误截图表单是前端非常重要的一块内容,并且往往包含了错误校验等逻辑。React对表单元素做了专门的优化处理,他对表单元素做了一些抽象,使得他们的使用方式更统一更规范。约束性和非约束性组件表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。约束性组件,简单的说,就是由react管理了它的value,而非约束性组件的val
weixin_39936086
·
2023-10-20 12:39
antd
给input设置值
React中修改
antd
input框的placeholder样式 scss 写法
:global(.ant-input::-webkit-input-placeholder){color:rgba(64,150,255,0.3);}
web_小码农
·
2023-10-20 12:33
样式
前端
Ant-Design-React中的控件onChange事件传递多个参数
在
antd
给的api中可以用onChange来获取输入框或者下拉框的值,默认会传递到函数中,可以直接使用但是如果你要传递默认值和自定义参数,那么,在函数中直接写自定义参数能传递过去,默认的当数据却拿不到可以使用以下代码
前端猪皮人
·
2023-10-20 12:33
react.js
前端
上一页
22
23
24
25
26
27
28
29
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他