同时用过 element-ui 和 ant-design-vue 的能否聊聊感受？

element-ui

聊聊

维护

能否

63 条回复 • 2022-06-02 21:22:29 +08:00

1

shakukansp

2022-03-25 00:24:19 +08:00

随便吧，你觉得哪个看着顺眼用哪个

2

pengtdyd

2022-03-25 00:33:34 +08:00

4

整个 vue 我都不看好，现在以 react 为主

3

Chism

OP

2022-03-25 00:43:07 +08:00

@pengtdyd
不考虑框架，但从前端库的交互来看，ant-design-react 和 ant-design-vue 应该是 1:1 复刻的

4

yyfearth

2022-03-25 02:04:01 +08:00

@Chism 应该说 CSS 和 UX 是一样的
就像 Bootstrap 默认 jQuery 来驱动但是也有 React 和 Vue 的版本

5

caisanli

2022-03-25 05:07:37 +08:00 via iPhone

1

element-ui 用着更舒服省心些

6

ymcz852

2022-03-25 07:35:13 +08:00

2

习惯写 template 的话，推荐 element-ui
用 ant-design-vue 的几个缺点：① Modal.confirm 一些 api 不支持 promise 写法，得写在回调函数里 ② 有些组件没那么好用，比如 a-tree 组件写自定义内容不方便。转而引入了 el-tree ③ 用 a-table 的话，定义好了 columns 有几列后，用 template 写法就无法用 v-if 去隐藏某一列

7

murmur

2022-03-25 07:54:32 +08:00

没有什么长期维护，现在的教训应该是锁死版本，除非是有计划的大规模升级，那么多事还没给够教训么

8

bthulu

2022-03-25 08:23:40 +08:00

1

element-ui 细节方面比 antd 还是差很远

9

irisdev

2022-03-25 08:24:50 +08:00

element-ui 感觉好写一点

10

Kei001

2022-03-25 08:26:22 +08:00

两个都在用，按需引入，哪个组件好用用哪个

11

l4ever

2022-03-25 08:29:42 +08:00

ant-design 手机 safari 上打开卡死

12

sjhhjx0122

2022-03-25 08:39:22 +08:00

那个看着顺眼用那个，其实都差不多 ant-design-vue 一下子版本都到 3 了，而且 v-model 还要加后缀，写个代码天天还要翻文档，element 感觉太素了

13

Chism

OP

2022-03-25 08:40:40 +08:00 via Android

@bthulu 我看了一下文档，也有这个感受，不过还没用过 ant

14

Iefty

2022-03-25 08:43:31 +08:00

vue3 的话感觉 antd 的 TS 类型和组件的 api 更加优雅一点（逃

15

focuxin

2022-03-25 08:45:27 +08:00

3

ant-design-vue 就是硬把 React 那一套往 Vue 这边般，难用死了

16

sjhhjx0122

2022-03-25 08:47:45 +08:00

@ymcz852 element-ui ant-design-vue 本身提供的 modal drawer service 创建组件感觉 api 都不太够用，我们一般自己封装直接 promise 包裹 created 创建一个 modal 组件，然后把中间内容传进去，然后把触发能 resolve 的 close 事件传给中间组件

17

just1

2022-03-25 09:00:32 +08:00 via Android

antdv 的组件比较多，并且可配置性也比较高。
但是个人总觉得还是 element 用起来舒服点

18

OmniKnight

2022-03-25 09:05:51 +08:00

在用 ant-design-vue v3 版本

除了 table ，其他都挺好使

table element-ui 自带 virtual scroll, ant-design-vue 需要购买 surely 这个高级包

如果你有大量数据需要表格处理，建议 element-ui 吧

19

wyatt1e34

2022-03-25 09:07:53 +08:00

都是在 vue 框架下诞生的产物，开发体验和 vue 类似，主要靠开发者自己的编程功力。

20

Chism

OP

2022-03-25 09:09:12 +08:00 via Android

@OmniKnight
这是个坑，多谢提醒

21

cxe2v

2022-03-25 09:10:37 +08:00

and-design-vue 不是跟 ant-design 完全复刻，好多细节都没有实现，比如 table ，你可以直观得从组件文档里看到 vue 这边少了很多特性，所以还是 element 跟 vue 配合比较好

22

moexx

2022-03-25 09:20:49 +08:00

1

用 ant-design-react 和 ant-design-vue 分别做过 2 个不同的项目，建议还是 element

23

kinghly

2022-03-25 09:35:33 +08:00 via Android

element 真的是垃圾，vue 生态太差了，对 ts 的支持也烂。。最近接手一个 vue 的项目，真是一言难尽。

24

zhangjiancheng

2022-03-25 09:36:24 +08:00

antd 的侵入性比较强，但是 el vue2 版本已经没有人维护了 el+的稳定性堪忧

25

tuutoo

2022-03-25 09:40:26 +08:00

1

如果对 UI 没有很高的一致性要求，你只是想实现功能的。有时候你需要按需引入, 哪个好用用哪个，有部分控件的功能略有差别，我是 iView 和 AntDesignVue 混用。
大部分基础组件基本上每个库都有，而且功能也类似。

26

IanHo

2022-03-25 09:50:52 +08:00

vue3+vite+ts+naive-ui 挺爽的，可以试下

27

IanHo

2022-03-25 09:52:31 +08:00

您说的这俩我还是推荐 element ，antd vue 对比 react 就像复制残缺品

28

cgdddd

2022-03-25 09:56:30 +08:00

1

vue 主力开发者建议用 element, react 主力开发者建议用 antd-vue(毕竟源码还是 jsx)

29

Envov

2022-03-25 10:13:08 +08:00

前面说 antd-vue 是 antd-react 是 1：1 复刻的，你真的用过吗就在那误导别人

30

imherer

2022-03-25 10:24:57 +08:00

我偶尔写写前端，最开始用 iView ，后来用 element ，再后来感觉 antd vue 的颜值不错，于是就用了 antd vue ，现在有个项目正好就是在用 antd vue 但是越写越痛苦，就像#12 说的，写个代码还要天天翻文档。现在还是有点怀念 element 了

31

bthulu

2022-03-25 11:51:26 +08:00

elment-plus 的 menu 组件做的很感人, 子菜单不缩进, 很多时候你花了半天时间都找不到自己打开的是几级菜单, 而且菜单激活无法设置背景色. 可他们官方网站上自己用的菜单激活时是会变背景色的. 无激活背景色只有激活文字颜色, 导致激活菜单不够显眼不能一眼看出.
还有按钮默认字体大小的问题, 按钮那么大, 字那么小, 留白那么多. 现在的 element-plus 的字体和留白已经在 elementUI 的基础上调整过了, 字体增大留白减小, 但还是看起来费眼睛.
还有很多诸如此类的问题, 很明显的就是程序员主导 UI 设计, 写代码怎么方便怎么来, 界面能用就行, 不考虑客户感受的.
程序员是爽了, 客户就要骂娘了, 但凡对用户体验有点追求的, 尽量不要用.

32

tremblingblue

2022-03-25 12:09:35 +08:00 via Android

我的 vue3 应用一早就用 antdv ，不少地方动画啊啥以及 api 不好用，看了新版本之后变化更甚。反而看了 ele+还行，api 少但是够用。反而最近调研了一下感觉国内几个大厂的 vue3 组件可以用用。

33

waising

2022-03-25 12:51:52 +08:00

前端同事的 ui 库使用过程 elmentui -> elemntui plus -> quasar -> antdv -> naive

34

murmur

2022-03-25 14:09:24 +08:00

我们因为 react 版本的问题，用过 ant2 版本，RNM 这个写法是真的

35

murmur

2022-03-25 14:10:19 +08:00

@kinghly 还是那句话，如果强类型代表优秀项目，java 和 c#就有世界上最棒的项目，实际上呢，java 写出屎的我见过不知道多少，还 ts 呢，就 ts 那堆玩出花的类型定义，徒增烦恼

36

paradoxs

2022-03-25 14:11:34 +08:00

====== 战争又开启了 =========

====== 战争又开启了 =========

====== 战争又开启了 =========

====== 战争又开启了 =========

====== 战争又开启了 =========

37

ruoxie

2022-03-25 14:11:44 +08:00

element 适合 template ，and-design-vue 适合 jsx ，现在不知道 template 里对 ts 提示到了什么程度，反正写 and-design-vue + tsx 体验上还可以。现在很难接受不用 ts 的项目，开发效率严重下降

38

murmur

2022-03-25 14:12:31 +08:00

1

哦看错了无视我第一条回复还是建议 element element 有一个 vue-admin-template ，我们一般都用那个做脚手架

39

DearMark

2022-03-25 14:17:23 +08:00

ant-design-vue 还行，组件丰富

40

zhwithsweet

2022-03-25 14:19:39 +08:00

@paradoxs #36 哈哈哈哈，习惯了，点进来就找你这个评论。

41

imNull

2022-03-25 14:32:30 +08:00

正好两个都用过，antdv 感觉有点儿乱，主要在用 element ，但 element v2 已经不再更新了，配合 vue-element-admin 在用。

42

iceice121

2022-03-25 15:34:57 +08:00

只要不是每年换人的 Jquery 项目就行，vue or react 框架起码有点规律

43

hervey0424

2022-03-25 15:35:57 +08:00

我比较喜欢 antdv, ele 看着感觉太粗糙了

44

cutchop

2022-03-25 15:36:38 +08:00

naive-ui

45

binaryify

2022-03-25 15:42:06 +08:00

element-plus

46

harde

2022-03-25 15:48:36 +08:00

1

长期维护的话，推荐 quasar ，Element 属于那种傻瓜照相机，看起来很好用，实际上什么也干不了。quasar 反过来，看起来一点不好用，但是什么都能做。

47

dfkjgklfdjg

2022-03-25 16:03:20 +08:00

Ele 现在是处于社区维护，之前有出现过无人维护的情况。
AntD Vue 虽然说也是社区维护，但是没有出现过停止维护的情况，更新频率也很高。

从上手方面来说 Ele 只需要你会用 v-model 就行了，AntD 需要你学一些其他的东西，比如说表单的 v-decorator 和表格的 JSX ，但上手了之后发现意外的好用。

我现在是倾向于 AntD ，但是很多小伙伴都更喜欢 Ele 。

48

Terry05

2022-03-25 16:42:49 +08:00

如果你们的产品经理能接受 MD 风格，还是极力推荐 Vuetify 和 Quasar 这两个库，至于 Ele 和 AntD 还是 Ele 用得顺手些

49

murmur

2022-03-25 16:58:07 +08:00

说 element 不维护的，你们在怕什么，是 antd 圣诞节坑了你们，不是 element 坑你们，掰手指头算算，苹果的扁平化风格是多少年前改的，最近有大的流行风么

1 、vue2.x 没有明显的缺陷，vue 语法生而简洁，vue 是成熟的框架，他懂得自己优化自己
2 、业界设计、潮流没有大的变更
3 、你都用通用框架了，还嫌一个丑一个美？？

所以用 element 你在怕什么

50

darknoll

2022-03-25 18:02:33 +08:00

用 ant-design-vue 不如直接用 react 得了

51

del1214

2022-03-25 18:10:49 +08:00

Antd 赛高

52

acoldfox

2022-03-25 18:27:24 +08:00

vue3 建议上 ant-design-vue ，功能很全
vue2 还是 elementui 吧

53

KouShuiYu

2022-03-25 18:28:39 +08:00

谁用 sfc 我用谁，所以我推荐 element, arco

54

wunonglin

2022-03-25 18:52:35 +08:00

1

真就没人用 vuetify ？代码实现也很优雅，功能又全

55

cirzear

2022-03-25 21:02:18 +08:00

vue 推荐 element, react 推荐 antd ，ant-design-vue 不推荐，因为我用着不舒服

56

thtznet

2022-03-25 22:47:10 +08:00

1

Quasar

57

realkaiway

2022-03-25 23:35:49 +08:00 via iPhone

Vue3 的话，个人实际体验下来不太推荐 element plus ，坦白说 BUG 有点多，遇到过比较严重的性能问题（ table 中 column 使用插槽加载 popover 这种，直接卡到页面无法操作），当然后续提 issue 已经解决，其次按需引入尤其是 webpack 下小问题巨 TM 多，还有一些样式权重问题等等，真的很无奈，现在的稳定版并不稳定，已经打算迁移至 antd 或者 naiveui