Element-UI组件库是基于Vue 2.0的桌面组件库，帮助网站快速形成工具。使用Element-UI组件库，您可以快速设计您需要的UI框架并提高用户的工作效率。

功能介绍

1.导读:了解设计指南，帮助产品设计师打造逻辑清晰、结构合理、效率高的产品。

2.组件:使用组件Demo快速体验交互细节；前端框架封装的代码帮助工程师快速进行开发。

3.主题:在线主题编辑器，可以可视化地定制和管理网站的主题和组件风格。

4.资源:下载相关资源，并使用它们快速构建页面原型或高保真视觉草稿，以提高产品设计效率。

软件特色

【一致性】

与现实生活一致:与现实生活的流程和逻辑一致，遵循用户习惯的语言和概念；

界面中的一致性:所有元素和结构都需要保持一致，例如设计风格、图标和文本、元素位置等。

【反馈】

控制反馈:用户可以通过界面风格和交互效果清晰地感知自己的操作；

页面反馈:操作完成后，通过页面元素的变化清晰显示当前状态。

【效率】

简化流程:设计简单直观的操作流程；

清晰明确:语言表达清晰，意思明确，使用户快速能够理解并做出决策；

帮助用户识别:界面简单明了，允许用户快速识别而不是回忆，减轻了用户的记忆负担。

可控可控性

用户决策:可以根据场景给予用户操作建议或安全提示，但不能代替用户决策；

结果是可控的:用户可以自由操作，包括取消、回滚和终止当前操作。

常见问题

1.表单域太长并被省略？

elmentUI的table-column提供了show-overflow-tooltip属性。只要在相应的字段中将其设置为true，多余的文本将被省略号替换，当鼠标移动到其上时，可以查看完整的信息。

2.如何获取行数据作为方法参数？

如果您想为表格的每一行添加一个操作按钮，如delete。这些删除按钮绑定到同一个方法，那么如何区分是谁调用了它们呢？答案是向方法中传递参数，这些参数在渲染时被写入@click的方法参数中。获取本行数据的方式是scope.row.xxx，其中xxx是本行数据的一个属性。比如:@ click = & quot删除（scope.row.id）

3 、& ltel-dropdown-item如何绑定事件？

找到

但是，如果该方法需要传递参数，那么以这种方式实现并不容易。在这个命令字符串中不能单独解析方法名和参数，太麻烦了。解决方案是@ click.native = & quotfunc"这样就可以直接调用methods方法集中对应的方法，传递参数自然没问题。

4.如何通过代码关闭消息提示？

通常我会抛出一条提示信息，直接就是这个。$消息。但是有这样一种情况，在我完成一个操作后，这个提示应该立即关闭，而不是等待超时后消失。答案是这样的。$message实际上将返回对message对象的引用，因此我们可以定义一个变量来存储该引用，然后在需要时调用close方法。如【div】【/div】message handle = this。$ message（...）【div】【/div】【div】【/div】【div】【/div】message handle . close（）

5.如何动态修改下拉框中的选项？

有时，当前下拉框中的选项取决于上一个下拉框中的选定项目，因此有必要动态更改选项。其中，下方方框中的选项

更新日志

错误修复

自动完成

修复& # 39；变更事件& # 39；错误（#19200 by @sxzz）

图像

更新错误状态（#19194 by @lhx6538665）

最佳化

I18n

更新ru-RU popconfirm的翻译（#19220 by @Opppex）

更新vi翻译（# 19244by @ quanln2810）

更新加泰罗尼亚语和西班牙语翻译（#19296 by @Ismaaa）

@therour更新印度尼西亚语翻译（#19320）

更新巴西葡萄牙语翻译（#19374，作者@diegomengarda）