Ant-Design-Vue

vue3对比vue2

template支持多个根标签2.main.js3.setup（取代datamethods）ref4.v-model在组件中的运用5.新组件Teleporttemplate支持多个根标签虽然，但是在用ant-design-vue
Cissy_fba3·2021-07-26 10:18

ant-design-vue优化messge方法自定义提示及关闭

最近项目需求接口返回错误提示，可自动换行且手动关闭image.png自定义方法如下：constmsgWarn=(dom,content,duration,onClose)=>{//dom通常在methods方法内传this//content返回错误提示消息（以分割）//duration停留时间//onClose关闭回调//自定义测试数据conent="测试111111111111111111111
哈哈乐乐WXT·2021-06-26 21:50

一次webpack优化

一、背景：技术栈：ant-design-vue、vue、vuex、vue-router最开始的优化手段只有bableplugin的按需加载。
我才是大田田·2021-06-11 11:38

vue实现滚动加载的表格

实现效果码云地址滚动加载知识储备参考ant-design-vue中list滚动加载的思路，使用vue-infinite-scroll加上vue-virtual-scroller作为解决方案。
·2021-06-06 17:40

Ant Modal和message在数据逻辑里面的js使用方式

Ant文档只提供给我们一些在页面中使用模态框和信息框的使用,并没有提供js的使用方式,使用下述方法可以直接使用这些弹窗:在main.js全局引用:importModalfrom'ant-design-vue
秦语川·2021-06-06 16:54

基于nuxt的vue项目配置axios，实现网络请求

自己写了一个基于nuxt搭建ant-design-vue框架的后台管理项目，这个项目是自己工作之余拿来练手的，通过这个项目让自己去学习一下nuxt的服务端渲染的功能，这个过程会涉及到很多东西，凡是我觉得在开发过程中代码习惯
五点半的太阳·2021-06-05 04:15

element UI table，自定义表头、row表内容

看效果：上代码："ant-design-vue":"^1.6.5","el
HSJ0170·2021-05-26 17:55

ant-design-vue 问题归纳

Antd问题归纳子组件不允许改变父组件的值，也不允许通知父组件更改弹窗编辑表单setFieldsValue问题子组件不允许改变父组件的值，也不允许通知父组件更改报错vue.runtime.esm.js?2b0e:619[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponen
是夜色太荒芜·2021-05-20 18:08

vue-cli2 + ant-design-vue定制主题

构建的项目目录如下：1.安装ant-design-vue.npminstallant-design-vue2.在src/main.js中引入组件和样式importVuefrom'vue'importAntdfrom'ant-design-vue'importAppfrom
Rachel_CT·2021-04-29 15:35

getPopupContainer解决ant-design-vue select组件下拉框偏移错位

如果打开了类似于下拉框等组件，我们在滚动滚轮的时候，已展开的组件并不随着页面一起滚动,导致页面样式问题类似于这种情况：image.png这时候我们在组件中添加代码：getPopupContainer改变浮层渲染父节点handleSelectChange('publish',value)"placeholder="出版社":getPopupContainer="triggerNode=>{retur
二营长家的张大炮·2021-04-18 03:50

ant-design-vue实现动态切换主题色

一、使用的插件版本1、“ant-design-vue”不限版本注意：ant-design-vue是基于babel-plugin-import按需引入的，在根目录下建了babel.config.js内容如下
miss-f·2021-03-29 15:10

electron+vue3仿QQ聊天应用|Electron+Antdv聊天客户端实例

技术框架编码器：VScode使用技术：Vue3.0+Electron11.2.3+Vuex4+VueRouter@4组件库：Ant-design-vue^2.0.0(蚂蚁金服pc端vue3组件库)打包工具
·2021-03-27 23:47

ant-design-vue 使用问题记录

1、改变select三角按钮图标1.使用suffixIcon参数=》slot放在自定义的icon或标签上列子：2、menu菜单栏不能收起展开问题，使用inlineCollapsed无效1.需配合a-layout-sider中collapsible一起使用nav1nav2(collapsed=!collapsed)"/>Content2.menu中自定义图标收缩显示有问题，还需注意给自定义icon添
ll66_·2021-03-23 09:21

vue + ant-design-vue 项目兼容IE11浏览器（血泪踩坑）

vue-cli启动项目登录成功后提示未登录解决方法：本地服务启动访问域名localhost时，ie11不支持在localhost写入cookie，须使用ip地址。不要忘记在代理设置中cookieDomainRewrite配置为ip地址，关闭之前打开的页签重试。页面报错findIndexisnotafunctiones6API不存在,需要加上polyfill解决方法：webpack打包入口加上bab
·2021-03-17 15:22

【Ant Design Vue 】之Menu菜单

文章目录常用属性常用事件递归嵌套多级菜单效果版本ant-design-vue:"^1.7.4",常用属性属性说明默认值mode菜单类型，现在支持垂直、水平、和内嵌模式三种verticalinlineCollapsedinline
zy1281539626·2021-03-11 17:20

踩坑日记：在ant-design-vue的table组件中集成vue-draggable-resizable实现可伸缩列遇到的坑

在Vue的Table组件中，实现可伸缩列，如果你使用的是Element-Ui那么这是一个现成的功能，如果你使用的是ant-design-vue，那么是需要集成一个vue-draggable-resizable
喜剧之王爱创作·2021-03-04 11:28

vue+typescript+ant-design开发后台管理系统踩坑

项目地址：https://github.com/wanzizi/vu...目前已开发表单模块和列表模块，可供参考在使用ant-design-vue时遇到的以下问题：国际化ant默认为英文，要组件内部都显示中文需要
·2021-01-24 22:03

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,da
·2021-01-20 16:58

ant-design-vue 2.x 中Icon 组件动态渲染

vue3.0时代来了，各个UI组件库都相继支持vue3,ant-design-vue也为了vue3提出了ant-design-vue2.x版本，其中很很多组件也做了相应的调整，例如Icon组件。
米尔·2021-01-19 13:49

【ant-design-vue】【ant-design】

背景：使用AntDesign或者AntDesignVue，在Modal组件中使用Select组件，当点击Select组件出现下拉选项后滚动原始页面，出现下拉选项和Select框分离的异常。异常：问题点：Select组件有个APIgetPopupContainer，AntDesign官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到body上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并
Cookinne·2021-01-17 22:09

koa-body4接收formData数据

开发中往往会有上传文件的需求，最近使用了Koa作为Node后端的框架，记录一下如何接收formData的问题Koa2中使用Koa-body4接收前端封装数据的方式//以ant-design-vue上传组件为例
ㄏ、Forgetˊ·2021-01-13 15:10

【Antd-Vue】你的cascader或select清空功能（allowClear）失效了吗？

在工作中遇到的一个小小BUG在使用ant-design-vue的cascader时，发现清空内容的功能没有用，查阅官方文档也并没有找到相关的解决方案。
Coder_WangYu·2021-01-04 21:21

【Antd-Vue】你的cascader或select清空功能（allowClear）失效了吗？

在工作中遇到的一个小小BUG在使用ant-design-vue的cascader时，发现清空内容的功能没有用，查阅官方文档也并没有找到相关的解决方案。
Coder_WangYu·2021-01-04 16:45

vue3、ts使用ant-design-vue

/App.vue";importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.css';importrouterfrom".
舒玥玥·2020-12-29 13:28

ant-design-vue 入门 a-input

-使用起来感觉没有elementUI方便增加和修改在一个弹出页里,id需要隐藏a-form-item代表一行labelCol和wrapperCol是页面的布局v-decorator可以写验证信息
张泽·2020-12-12 20:13

ant-design-vue 入门 a-input

-使用起来感觉没有elementUI方便增加和修改在一个弹出页里,id需要隐藏a-form-item代表一行labelCol和wrapperCol是页面的布局v-decorator可以写验证信息
张泽·2020-12-12 19:54

前端UI之element-ui,ant-design-vue

element-ui、ant-design-vue使用指南一、element-ui1.安装webpacknpminstall-gwebpack2.安装vue-clivue-cli是什么？
大鹏 666·2020-12-12 15:40

ant-design-vue中的select选择器,对输入值的进行筛选操作

今天在设计一个标签（采用的是Select选择器中的标签那一个）时，从后台返回了数据，但是在输入值时，没有对回显的值进行过滤匹配，通过查看官方文档，解决了这个问题。记在这里方便以后查看。{{t.tagName}}methods中：filterOption(input,option){return(option.componentOptions.children[0].text.toLowerCase
·2020-12-02 17:15

antd vue table跨行合并单元格,并且自定义内容实例

ant-design-vue版本：~1.3.8需求：表格实现跨行合并，并且在合并完的单元格中显示图片效果图：源码：exportdefault{data(){return{pic95:require('@
·2020-11-26 15:50

解决vue(antdv)报错： Warning: [antd: LocaleProvider] `LocaleProvider` is deprecated.

1.在组件引用的地方更改eg:main.js//import{LocaleProvider}from'ant-design-vue'//这是以前的配置import{ConfigProvider}from'ant-design-vue
straightwood·2020-11-26 09:27

从零开始，webpack5+vue3.0+vuex+typescript+ant-design-vue最新实践报告

但从实际出发，由于开发的chrome插件需要升级到vue3.0，同时准备换上ant-design-vue，由于没有使用vue-cli脚手架，在这个升级过程中还是踩了不少坑，于是将自己搭建整个项目的过程记录下来
Gomi·2020-11-25 19:52

从零开始，webpack5+vue3.0+vuex+typescript+ant-design-vue最新实践报告

但从实际出发，由于开发的chrome插件需要升级到vue3.0，同时准备换上ant-design-vue，由于没有使用vue-cli脚手架，在这个升级过程中还是踩了不少坑，于是将自己搭建整个项目的过程记录下来
Gomi·2020-11-25 14:47

Ant-Design-Vue和Icon按需加载方案 - JeecgBoot实战

JeecgBoot实战-按需加载方案一、Ant-Design-Vue按需加载1.创建js文件src/components/lazy_antd.jsimportVuefrom'vue'//baselibraryimport
scott·2020-11-24 21:23

vue pc端 输入验证码_推荐几个前后端快速开发开源项目

Jeecg-boot快速开发平台前端采用阿里的ant-design-vue，兼容PC端、手机端、Pad端。
weixin_39669204·2020-11-24 17:11

Ant Design Vue使用Pagination组件为英文的解决办法

image.png解决办法：对组件进行国际化处理在App.vue文件中包裹一次，使之全局生效importzh_CNfrom"ant-design-vue/lib/locale-provider/zh_CN
CoderZb·2020-11-24 11:03

ant-design-vue中tree增删改的操作方法

1.使用背景新项目中使用了ant-design-vue组件库.该组件库完全根基数据双向绑定的模式实现.只有表单组件提供少量的方法.所以,在使用ant-design-vue时,一定要从改变数据的角度去切换
·2020-11-18 11:47

Ant-design-vue Table组件customRow属性的使用说明

官网示例使用方式//表格中加入customRow属性并绑定一个custom方法//methods中定义方法customRow(record,index){return{//这个style就是我自定义的属性，也就是官方文档中的propsstyle:{//字体颜色color:record.remarkDesc?record.remarkDesc.fontColor:'rgba(0,0,0,0.65)'
·2020-11-17 11:34

前端UI:element-ui,ant-design-vue

Element-ui使用指南开发环境1.安装webpacknpminstall-gwebpack12.安装vue-clivue-cli是什么？vue-cli是vue.js的脚手架，用于自动生成vue.js模板工程的。使用步骤：安装vue-cli：npminstall-gvue-cli1使用vue-cli构建项目vueinitwebpackproject-name//创建一个基于webpack模板的
周_xiao·2020-11-14 17:36

ant-design-vue和element-ui

文章目录一、ant-design-vue是什么？1.引入库2.常见用法二、element-ui是什么？1.引入库2.快速上手一、ant-design-vue是什么？
管二三·2020-11-11 15:42

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