iview与elementui对比

表格

  • 合并单元格

elementui中的table表格组件包含行列的合并单元格;iview的table表格组件只提供了表头的合并单元格;如果表格涉及合并单元格建议使用elementui。(iview 4.0.0 之后设置属性 span-method 可以指定合并行或列的算法。)

 iview与elementui对比_第1张图片

iview与elementui对比_第2张图片

  •  左表头固定,可以左右滑动时

iview与elementui对比_第3张图片 iview与elementui对比_第4张图片

 

 

 

 iview给表格绑定高后,数据少会有空白;但是绑定max-height后,左右滑动的左边这一块,会被遮盖导致划不动

elemeui可以完美的解决数据多和少的时候的左右滑动,表格多的时候建议使用elementui

风格

ivew的整体风格比较清新,适合后台管理系统

按需引入

两者都可以按需引入

表单验证

ivew的表单验证样式;

elementui带验证表单 

iview与elementui对比_第5张图片iview与elementui对比_第6张图片

iview带验证表单

iview与elementui对比_第7张图片iview与elementui对比_第8张图片


 

下拉选择器

iview的下拉选择器select的option是渲染在组件内部,和elementui的渲染在body不一样。如果页面有几百个selcet,会造成严重的卡顿,这种时候建议选择elementui

 

你可能感兴趣的:(前端综合)