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-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

ant-design-vue select 使用汇总

最近使用ant-design-vue，在使用select的时候遇到一些特殊情况，特此做一下整理汇总。
樊小书生·2020-09-17 11:13

JeecgBoot 2.1.1 代码生成器AI版本发布，基于SpringBoot+AntDesign的JAVA快速开发平台

采用前后端分离架构：SpringBoot，Ant-Design-Vue，Mybatis-
JEECG开源·2020-09-17 06:41

ant-design-vue a-table 表头固定后和内容不对齐的问题

ant-design-vuea-table表头固定后和内容不对齐的问题前言padding，border和margin固定内容列的宽度完整的columns和HTML内容(不太完整，没敢全放)笔记问题前言最近在项目中使用ant-design-vue
ZTJ_123·2020-09-15 22:57

[异常]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

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

Ant Design Vue LocaleProvider国际化组件zh_CN中文配置

举个栗子，我在项目中遇到了一个问题，table组件的分页器页数默认显示为英文，查了一下，可以用标签去实现，使用过程中发现这个标签已经废弃，于是总结出以下方法：//App.vueimportzhCNfrom"ant-design-vue
咖啡加冰ovo·2020-09-14 10:43

ant design vue 在使用datepicker时国际化问题

在使用日历组件时默认为英文要实现中文显示需要进行国际化设置，在引用moment时进行设置```importmomentfrom'moment'//日期框国际化importlocalefrom'ant-design-vue
guying4875·2020-09-14 09:34

Ant-deign-vue入门：布局－官方文档踩坑

ant-design-vue是AntDesign的Vue实现，组件的风格与AntDesign保持同步，组件的html结构和css样式也保持一致，真正做到了样式0修改，组件API也尽量保持了一致。
atlasun·2020-09-13 15:25

理解Vue递归组件，实现Tree树形控件实例~

思考了两天时间，准备仿照ant-design-vue实现一个基于vue的树形控件。主要用到了vue递归组件思想、input的CheckBox类型输入框的使用。需求能够将传入的Json数据生成树形目录。
Gesj-yean·2020-09-13 08:10

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

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

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

electron elctron-vue集成antd设置按需加载

cnpminstallant-design-vue--savecnpminstallbabel-plugin-import--save2、按需加载在.babelrc文件中的最后plugins内添加["import",{"libraryName":"ant-design-vue
神奇大叔·2020-09-12 17:19

Vue项目实战（持续更新中）

vuecreateant-design-vue-protodo:相关配置稍后补全下载组件ant-design-vue：AntDesign的Vue实现，开发和服务于企业级后台产品moment：时间组件cnpmiant-design-vuemoment
编程农民工·2020-09-12 07:24

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

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

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

ant-design-vue中的DatePicker 日期选择框遇到的坑

问题描述：在使用ant-design-vue中的组件DatePicker日期选择框和下拉选择框的时候，由于下拉选择框中的数据是由后台请求过来的，然后在本地手动加了两条数据；（暂且称后台请求过来的数据为A
尹东·2020-08-22 20:19

使用ant-design-vue的嵌套子表格组件的一点总结

在使用嵌套子表格时，当我第一次点到这个页面时，从后端获取数据。而在我展开时，我希望不需要我第二次请求后端，直接从第一次获取的数据中提取出我展开时需要的数据。解决：官方文档中有个expand事件：对expand进行监听。当展开时，从当前record记录中获取出自己想要的数据。
lz无痕·2020-08-22 19:23

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

Ant Design Vue 中 DatePicker 日期选择框 placeholder 改成中文设置

关于怎样让日期里面全是中文的操作首先你要引入相关js然后改成中文的操作是在main.js里面这样写importmomentfrom'moment';importlocalefrom'ant-design-vue
前端魔法师·2020-08-22 18:01

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

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的tabale组件嵌套应用

原因最近在使用antdesignvue时，遇到一个简单的功能----表格嵌套去查官方文档，发现他写的很简单，重点是每一组都是写的固定的假数据那么问题来了，我的数据(二维数组)来了之后，table嵌套，怎么才能让他们渲染到不同的组里面呢解决那就查查资料，好好研究下文档吧先看下官方的例子，内外层的table基本都是正常写的（行列数据都是指定的）不同的是内层table使用了两个参数，没错，重点是slot
手心守贝·2020-08-22 15:38

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

通过函数创建 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

当使用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

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

高性能方案实现ant-design-vue在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design-vue实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。
okfine·2020-08-20 21:52

高性能方案实现ant-design-vue在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design-vue实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。
okfine·2020-08-20 21:52

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

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

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组件库，且在项目中遇到的一些问题

难以改变的默认样式可能大家在运用到组件库的时候都会遇到要改变其组件自带的样式，组件自带的都难以去改变，下面来看看，这种方法很有效果。。。。。首先，!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 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他