Ant-design-vue

ant-design-vue 表格(拖拽)伸缩列实现

表格拖拽应该是个很基础的功能了，一般功能全一些的table插件都会带着，并且文档也简洁易懂，然而，我却在ant-design-vue这个ui组件库碰了壁，官方表格伸缩列示例粘贴过来会报错的好嘛，再加上这个功能甲方爸爸提了很多次
别来无恙``·2020-11-10 21:17

ant-design-vue 中 table 自定义格式渲染

一般业务开发中，难免会遇到将一些状态值（如0/1）转化为相应的描述（如关闭/开启），也可能是对日期时间的格式化，如下两图转化前后对比：开始之前，需要注意的是，定义的columns一定要写在data中，否则在加载过程中由于渲染顺序会导致其中的渲染函数无法识别。有两种方式修改：1、直接调用对应插槽模板{{state===1?'交易完成':(state===0?'等待交易':'交易失败')}}{{tim
hufi·2020-11-03 18:25

ant design vue table 高度自适应_2年vue项目实战经验汇总

目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView，ant-design-vue
weixin_39638859·2020-10-27 17:35

ant-design-vue 导航菜单实现3级及以上(函数式组件)

emmm…发现前面一篇我自己在没做过的情况下也看不懂((/ω＼))。3级及以上导航菜单的实现说到底也不会很难，就是交互(菜单展开与否)比较烦人，在这里就稍微提一下需要注意的东西。推荐大家还是直接clone一下项目，查看log信息吧。在线demo按照官网信息，根据项目来进行一定的处理，最终的code如下:import{generateTitle}from'./breadcrumb/index.js'
老不死的臭妖怪·2020-10-19 21:59

ant-design-vue 动态生成导航菜单(1~2级)

由于近来公司业务繁忙，以至于没时间去接着做antd的项目。emmm…后面应该还会忙些时间！antd的路由导航还是有些坑的，对习惯了element的小伙伴来说不那么理想。这里先记录一下如何通过路由来动态生成1~2级导航菜单了(之后会出三级及以上导航菜单爬坑日志)。注:此文为过渡文，没怎么上心，表达不明之处还请见谅，另外，欢迎打扰~~~~项目在线地址(有用的话，记得给个start哦)antd的a-me
老不死的臭妖怪·2020-10-18 14:05

ant-design-vue组件国际化(en/zh-cn)

国际化是大多后数后台项目所必须的一项功能。antd的国际化做起来也不会太难。与element类似，同样是使用官方适配的国际化组件和配合vue-i18n来实现业务。在这里vue-i18n就不做过多的赘述了，讲讲后台管理系统如何做组件国际化。项目在线地址(有用的话，记得给个start哦)按照官方文档:LocaleProvider使用Vue的provide/inject特性，只需在应用外围包裹一次即可全
老不死的臭妖怪·2020-10-12 10:21

ant-design-vue 全局提示(message)及定制主题色(theme-color)的使用

一个成熟的项目，为了更好的用户体验，必然会存在请求成功或失败的提示。这里就来说下我在项目中遇到的一些坑及解决的办法项目在线地址(有用的话，记得给个start哦)一：全局提示全局提示设置在utils目录下的request.js文件中//首先引入需要的antdmessage组件，因为还涉及到登录超时提示框，所以需要引入Modalimport{message,Modal}from'ant-design-
老不死的臭妖怪·2020-10-11 14:12

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
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他