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
ant-design-vue
ant-design-vue
(1.6.x)表单控件 Form表单 与 FormModel表单 数据双向绑定与表单校验
因Element不再维护,求(po)知(bu)若(de)渴(yi)寻找新的ui框架。别杠说干嘛不自己写div写css啥的,不仅费时费力,最关键的是还不一定(大神除外)写的比ui框架来得美观。网上查看了好几个ui框架,最后发现antd最为理想,由此,才有了这篇文章。项目在线地址(有用的话,记得给个start哦)万事开头难,然后中间难,最后更难…1.要使用antd首先得进行安装、引入、注册://1.安
老不死的臭妖怪
·
2020-10-10 20:30
Vue
antd
vue
javascript
vue.js
html5
vue-cli4.x +
ant-design-vue
(layout布局的使用 + 数据渲染 + 树型控件 + 分页)
用vue脚手架搭建完成一个项目之后,用npminstallant-design-vue--save安装antdesignvue**1、layout布局**我用的是layout的布局,安装完成后,在main.js中配置一下官方文档上用一个引入一个,而且还有报错。我就直接全部引入过来了importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'
一个什么都不会的前端
·
2020-09-30 17:51
vue
ant-design-vue
select 使用汇总
最近使用
ant-design-vue
,在使用select的时候遇到一些特殊情况,特此做一下整理汇总。
樊小书生
·
2020-09-17 11:13
vue
学习总结
vue
ant-design-vue
select
JeecgBoot 2.1.1 代码生成器AI版本发布,基于SpringBoot+AntDesign的JAVA快速开发平台
采用前后端分离架构:SpringBoot,
Ant-Design-Vue
,Mybatis-
JEECG开源
·
2020-09-17 06:41
JEECG快速开发平台
jeecg
前后端分离
springboot
jeecg-boot
ant-design-vue
a-table 表头固定后和内容不对齐的问题
ant-design-vuea-table表头固定后和内容不对齐的问题前言padding,border和margin固定内容列的宽度完整的columns和HTML内容(不太完整,没敢全放)笔记问题前言最近在项目中使用
ant-design-vue
ZTJ_123
·
2020-09-15 22:57
javascript
ant-design-vue
ant
design
vue
table
列对齐
[异常]npm install
ant-design-vue
--save - Vue
如下操作均在macOS系统下进行的,Windows环境下暂未尝试仅供参考。向vue项目中集成ant-design的时候执行如下命令出现异常npminstallant-design-vue--save异常如下:解决办法:在命令前加入"sudo"后面命令不变,命令如下:sudonpminstallant-design-vue--save结果如下:当前各版本如下:——————以上便是此次内容的小结,希望
survivorsfyh
·
2020-09-15 17:37
Vue
nuxt +
ant-design-vue
+ less + es6 + webpack + express (seo,ssr)
框架集成:nuxt+ant-design-vue+less+node+Express+webpack+es6前言:这是一个基于服务端渲染的基础框架,可在下方Git地址获取源代码Github:https://github.com/liu-ian/nuxt-ant-design-vueNuxt进阶篇:https://blog.csdn.net/q2235141/article/details/1031
ian.liu
·
2020-09-15 14:38
vue+typescript+element-ui项目类型报错的问题
注意:vue-cli4目前貌似是会报类型错误的,不管是element-ui,还是
ant-design-vue
,不知道是不是新版的cli需要做什么配置;但是vue-cli3是没问题的;报错的话,检查一下版本
导乐符
·
2020-09-15 09:59
typescript
vue
Ant Design Vue LocaleProvider国际化组件zh_CN中文配置
举个栗子,我在项目中遇到了一个问题,table组件的分页器页数默认显示为英文,查了一下,可以用标签去实现,使用过程中发现这个标签已经废弃,于是总结出以下方法://App.vueimportzhCNfrom"
ant-design-vue
咖啡加冰ovo
·
2020-09-14 10:43
VUE
javascript
ant design vue 在使用datepicker时国际化问题
在使用日历组件时默认为英文要实现中文显示需要进行国际化设置,在引用moment时进行设置```importmomentfrom'moment'//日期框国际化importlocalefrom'
ant-design-vue
guying4875
·
2020-09-14 09:34
vue
ant
Design
vue
vue
Ant-deign-vue入门:布局-官方文档踩坑
ant-design-vue
是AntDesign的Vue实现,组件的风格与AntDesign保持同步,组件的html结构和css样式也保持一致,真正做到了样式0修改,组件API也尽量保持了一致。
atlasun
·
2020-09-13 15:25
ant-design-vue
理解Vue递归组件,实现Tree树形控件实例~
思考了两天时间,准备仿照
ant-design-vue
实现一个基于vue的树形控件。主要用到了vue递归组件思想、input的CheckBox类型输入框的使用。需求能够将传入的Json数据生成树形目录。
Gesj-yean
·
2020-09-13 08:10
vue
checkbox
css
Ant-Design-Vue
table 合并单元格,并且添加点击事件
点击行,有一个customRow。可以配置点击事件。单元格的自定义分为两种方式。一种是:通过template标签。html部分//text为dataIndex中的值,data为行数据,index为索引值{{text|xxxFormat}}js部分//table的columns设定,customRender对应着html中的slot值columns=[{title:"列名",dataIndex:"a
kuangniaokuang
·
2020-09-13 01:14
JS
VUE
ant
design
vue
ant-design-vue
修改组件样式
/deep/.ant-input{border-radius:50px;}转载于:https://www.cnblogs.com/ybixian/p/11435122.html
weixin_30508309
·
2020-09-13 00:53
You cannot set a form field before rendering a field associated with the value
在用
ant-design-vue
的框架中,使用到了这种场景,就是点击编辑按钮,弹出modal模态框,渲染modal模态框中的form表单页面,并给表单赋值,但是在给表单赋值的时候,总是会报错。
mhia
·
2020-09-12 22:53
vue
vue
jeecg-boot /antd 解决You cannot set a form field before rendering a field associated with the value问题
Youcannotsetaformfieldbeforerenderingafieldassociatedwiththevalue.YoucanusegetFieldDecorator(id,options)insteadv-decorator="[id,options]"toregisteritbeforerender.出现场景在用
ant-design-vue
web前端 jzy
·
2020-09-12 21:46
Jeecg-Boot
jeecg-boot
antd
vue
vue
electron elctron-vue集成antd设置按需加载
cnpminstallant-design-vue--savecnpminstallbabel-plugin-import--save2、按需加载在.babelrc文件中的最后plugins内添加["import",{"libraryName":"
ant-design-vue
神奇大叔
·
2020-09-12 17:19
electron桌面应用
electron
Vue项目实战(持续更新中)
vuecreateant-design-vue-protodo:相关配置稍后补全下载组件
ant-design-vue
:AntDesign的Vue实现,开发和服务于企业级后台产品moment:时间组件cnpmiant-design-vuemoment
编程农民工
·
2020-09-12 07:24
Vue
vue
ant-design-vue
集成 vue-draggable-resizable 实现可伸缩列
最近在用
ant-design-vue
开发项目时遇到一个表格列需要支持拖拽改变宽度,这个功能在element-ui上直接可以使用,但
ant-design-vue
需要引用一个叫vue-draggable-resizable
chenjundi
·
2020-09-10 20:43
在使用
ant-design-vue
分页时报错:[Vue warn]: Invalid prop: custom validator check failed for prop "pagination"
今天在使用
ant-design-vue
分页时出现了错误当我后端有数据时,并不会出现错误,但当我后端没有数据时,出现错误。由此我定位到了请求返回区域。
lz无痕
·
2020-09-10 20:08
#
基于vue Ant-Design 的表单设计器,快速开发
的表单设计器,快速开发https://gitee.com/kcz66/k-form-design/表单设计器k-form-designimage简介参考项目vue-form-making,基于vue和
ant-design-vue
一人创客
·
2020-09-04 08:01
Ant design vue中实现动态更换主题色
Antdesignvue中实现动态更换主题色一、使用的插件“
ant-design-vue
”:“^1.6.5”“antd-theme-generator”:“^1.1.7”,实现动态更换主题色的核心插件“
搬砖小僧
·
2020-09-03 20:24
前端
vue
Ant-design-vue
的一些常见用法
1、使用a-table表格时隐藏分页器:pagination="false"//分页器配置项2、使用a-table表格时给孩子重命名childrenColumnName=""3、使用a-table表格时报错:Duplicatekeysdetected:'0'.Thismaycauseanupdateerror添加row-key属性:row-key=""4、a-table表格默认展开行使用defau
辣椒不辣了么
·
2020-08-30 11:38
ant-vue-design 常用的组件加载方式
完整引入main.js中全局引入并注册importAntdfrom'
ant-design-vue
'import'
ant-design-vue
/dist/antd.css'Vue.use(Antd)在页面中不再需要引入注册组件
靠窗、
·
2020-08-25 11:25
前端框架使用
Vue-Vben-Admin-一个基于composition-api+ts的后台模版
VUEVBENADMIN介绍vue-vben-admin是一个全新的开源系统,基于
ant-design-vue
,typescript,@vue/composition-api,tsx实现的vue3风格的后台管理系统
vben
·
2020-08-24 17:11
前端
vue.js
vue3
ant-design
ant-design-vue
& ant-design react 修改组件样式
vue:/deep/.ant-card.ant-card-head{padding:4px32px;}避免全局渲染可以在上加scope属性,或者自定类名react::global{.ant-card.ant-card-head{padding:4px32px;}}避免全局渲染可以自定类名/-------------------------------------------------------
Han1425
·
2020-08-24 09:54
笔记
vue项目中使用
ant-design-vue
中a-tabel组件
1,首先安装
ant-design-vue
:yarnaddant-design-vue2,在main.js中引入:importAntdfrom'
ant-design-vue
'import'
ant-design-vue
尹东
·
2020-08-22 20:19
Vue.js
ant-design-vue
中的DatePicker 日期选择框遇到的坑
问题描述:在使用
ant-design-vue
中的组件DatePicker日期选择框和下拉选择框的时候,由于下拉选择框中的数据是由后台请求过来的,然后在本地手动加了两条数据;(暂且称后台请求过来的数据为A
尹东
·
2020-08-22 20:19
ant-design-vue
使用
ant-design-vue
的嵌套子表格组件的一点总结
在使用嵌套子表格时,当我第一次点到这个页面时,从后端获取数据。而在我展开时,我希望不需要我第二次请求后端,直接从第一次获取的数据中提取出我展开时需要的数据。解决:官方文档中有个expand事件:对expand进行监听。当展开时,从当前record记录中获取出自己想要的数据。
lz无痕
·
2020-08-22 19:23
ant-design-vue
ant-design-vue
时间选择器赋值默认时间方法
代码importMomentfrom'moment'exportdefault{data(){this.dateFormat='YYYY/MM/DDHH:mm:ss'return{startTime:'2019-07-1216:00:00',endTime:'2019-07-1304:00:00',}}methods:{onChangeTime(dates,dateStrings){console
芒果慕斯好甜
·
2020-08-22 18:10
vue
Ant Design Vue 中 DatePicker 日期选择框 placeholder 改成中文设置
关于怎样让日期里面全是中文的操作首先你要引入相关js然后改成中文的操作是在main.js里面这样写importmomentfrom'moment';importlocalefrom'
ant-design-vue
前端魔法师
·
2020-08-22 18:01
原创
vue.js
ant-design-vue
TimePicker 时间选择框 踩坑
笔者在一次开发中用到TimePicker时间选择框组件。要求是有默认值,就是从接口中返回的数据,但是TimePicker数据在一次加载后便不会更新简单的说,如果在data里设置了default=nullTimePicker就会就会显示Invaliddate,default=“9:00:00”,就会显示9:00:00最后解决方法是data里设置了default=null,在time-picker内做
邋遢大王穿US11
·
2020-08-22 17:53
ant-design-vue
时间日期选择器与v-model一起使用时报错,解决方法
warning.js?2149:7Warning:[antdv:TimePicker]valueprovidesinvalidatemomenttime.Ifyouwanttosetemptyvalue,usenullinstead.解决方案将v-model中的时间转化为moment形式importmomentfrom'moment'exportdefault{data(){return{endT
drunk喵咪
·
2020-08-22 17:35
Vue
ant-design-vue
动态添加input行及动态校验
这里涉及到动态input表单校验我仅给自己记录一下1":disabled="form.information.length===1"@click="removeRows(item)">删除添加删除的方法//动态删除添加输入行removeRows(item){letindex=this.form.information.indexOf(item);if(index!==-1){this.form.i
房东的猫〃
·
2020-08-22 16:55
ant-design-vue
踩过的坑系列
使用Vue开发
ant-Design-vue
可能经常会遇到的问题之如何动态添加n行input框且实时获取数据**~~~~~~~~~效果图如下~~~~~~~~~~**点击增加按钮注册添加add事件详情介绍可以参考
房东的猫〃
·
2020-08-22 16:55
Ant-design-vue
Table组件customRow属性使用
Ant-design-vueTable组件customRow属性使用官网示例使用方式最终实现的效果官网示例使用方式//表格中加入customRow属性并绑定一个custom方法//methods中定义方法customRow(record,index){return{//这个style就是我自定义的属性,也就是官方文档中的propsstyle:{//字体颜色color:record.remarkDe
EasonGG
·
2020-08-22 16:27
Ant
Design
Vue
Ant-Design-Vue
的tabale组件嵌套应用
原因最近在使用antdesignvue时,遇到一个简单的功能----表格嵌套去查官方文档,发现他写的很简单,重点是每一组都是写的固定的假数据那么问题来了,我的数据(二维数组)来了之后,table嵌套,怎么才能让他们渲染到不同的组里面呢解决那就查查资料,好好研究下文档吧先看下官方的例子,内外层的table基本都是正常写的(行列数据都是指定的)不同的是内层table使用了两个参数,没错,重点是slot
手心守贝
·
2020-08-22 15:38
VUE
ant-design-vue
按需加载遇到坑-less报错
网上多是2种解决方法:1,修改vue.config.js,根节点加css配置css:{loaderOptions:{less:{javascriptEnabled:true}}}2,方法2,把less版本降到3.0以下。反正我试了,都没用。然后测试了很多搜索结果,有一个可用,不知道是否有问题。这里分享一下:antv按需加载时,需要在babel.config.js中添加配置:plugins:[["i
jsoncode
·
2020-08-22 15:42
antd
vue.js
通过函数创建
ant-design-vue
的 Drawer 组件和 Modal 组件
原由通常在业务中,写抽屉组件或者弹框组件的时候,都是用visible属性来控制是否显示:OpenModalwithasynclogic{{ModalText}}exportdefault{data(){return{ModalText:'Contentofthemodal',visible:false,confirmLoading:false,};},methods:{showModal(){th
慌张
·
2020-08-22 13:45
javascript
vue.js
ant-design
前端
当使用
ant-design-vue
引入less样式,安装完less和less-loader之后报错.bezierEasingMixin()
当出现这种错误的时候,可能是因为安装的less版本过高,可通过降低less版本来解决此问题,安装语句为npmaddless@^2.7.3,我这边做该项目多次遇到这个问题,都是通过该方法解决,如果大神们有其他的更好的方法可以多多指点!!
weixin_42142662
·
2020-08-22 04:58
Vue项目导入外部资源的方式
导入外部css样式全局导入在项目的main.js中引入外部css样式资源importVuefrom'vue'importAntdfrom'
ant-design-vue
'import'
ant-design-vue
小小平不平凡
·
2020-08-21 05:17
Vue
ant
design
vue
ant design for vue
此框架为vueUI框架
ant-design-vue
官网:https://vue.ant.designGithub:github.com/vueComponent/ant-design-vueAnt-design
韩飘飘
·
2020-08-21 05:03
前端搭建环境
Vue-Vben-Admin-一个基于composition-api+ts的后台模版
VUEVBENADMIN介绍vue-vben-admin是一个全新的开源系统,基于
ant-design-vue
,typescript,@vue/composition-api,tsx实现的vue3风格的后台管理系统
vben
·
2020-08-21 03:15
前端
vue.js
vue3
ant-design
高性能方案实现
ant-design-vue
在运行时动态改变主题色(利用webpack-theme-color-replacer)
今天利用webpack-theme-color-replacer插件,为
ant-design-vue
实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。
okfine
·
2020-08-20 21:52
antd
vue.js
theme
color
ant-design
高性能方案实现
ant-design-vue
在运行时动态改变主题色(利用webpack-theme-color-replacer)
今天利用webpack-theme-color-replacer插件,为
ant-design-vue
实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。
okfine
·
2020-08-20 21:52
antd
vue.js
theme
color
ant-design
ant-design-vue
按需引入icon以及组件
3.75M→1.81M→99kb的转变本文目录一、初始化vue项目文件夹1.安装vue/cli2.创建Vue项目二、按需引入ant-design-vue1.安装ant-design-vue1.1分析全部引入体积有多大1.2ant-design-vue按需引入组件1.3ant-design-vue按需引入Icon组件一、初始化vue项目文件夹1.安装vue/cli(默认电脑已安装了node)打开命令
编程华仔
·
2020-08-19 22:18
Vue
vue/cli
ant-design-vue
按需加载报错
按照官网提供配置方法进行配置:
ant-design-vue
按需加载npmrundev运行报错如下:这里试错后提供两种解决方案:1.babel.config.js中配置的style:true;修改为style
reffrselom
·
2020-08-19 19:41
前端
基于
ant-design-vue
table 组件的使用
需求分析:这里主要介绍表格的字段渲染(筛选和排序),分页设置,选择功能设置等功能。1.表格渲染(筛选和排序) 对某一列数据进行筛选,使用列的filters属性来指定需要筛选菜单的列,onFilter用于筛选当前数据,filterMultiple用于指定多选和单选。filteredValue筛选的受控属性,外界可用此控制列的筛选状态,值为已筛选的value数组。customRe
qq_36437172
·
2020-08-19 19:18
ant-design-vue
table
3、按需引用
ant-design-vue
组件
:"^2.7.3""less-loader":"^5.0.0""babel-plugin-import":"^1.12.1"最后的依赖是这样的package.json"dependencies":{"
ant-design-vue
SoOnPerson
·
2020-08-19 19:09
Ant
Design
Vue
学习历程
运用
ant-design-vue
组件库,且在项目中遇到的一些问题
难以改变的默认样式可能大家在运用到组件库的时候都会遇到要改变其组件自带的样式,组件自带的都难以去改变,下面来看看,这种方法很有效果。。。。。首先,!important对于一般的组件样式,找到你要改变其组件的class名,在样式后加上!important,它的权重比较高,。.ant-select{width:145px!important;}.happy-scroll-content{width:1
ddong345
·
2020-08-19 17:04
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他