Element UI(网站快速成型工具)v2.13.2官方版

Element-UI组件库是一个基于Vue2.0的桌面组件库。它是一个帮助网站快速原型化的工具。使用Element-UI组件库，您可以快速设计出您需要的UI框架，提高用户的工作效率。

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

特征

1. 指南：了解设计指南，帮助产品设计师构建逻辑清晰、结构合理、高效易用的产品。

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

3.主题：在线主题编辑器，可视化定制和管理网站主题和组件样式

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

软件特点

【一致性】

符合现实生活：符合现实生活流程和逻辑，遵循用户使用的语言和概念；

界面一致性：所有元素和结构需要一致，例如：设计风格、图标和文字、元素的位置等。

【反馈意见反馈】

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

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

【效率】

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

清晰无歧义：语言表达清晰，含义明确，让用户快速理解并做出决策；

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

可控性

用户决策：可以根据场景给出用户操作建议或安全提示，但不能代表用户做出决策；

结果可控：用户可以自由地进行操作，包括撤消、回滚、终止当前操作。

常见问题

1.表格字段是否太长而被省略？

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

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

如果你想为表格的每一行添加操作按钮，例如删除。这些删除按钮都绑定了同一个方法，那么如何区分是谁调用的呢？答案是在方法中传入参数，这些参数在渲染时硬编码在@click方法参数中。获取该行数据的方法是scope.row.xxx，其中xxx是该行数据的某个属性。例如：@click=\'delete(scope.row.id)

3. 如何给el-dropdown-item绑定事件？

发现el-dropdown-item指定@click没有响应。官方的使用方法是在command属性中指定操作命令，然后制定el-menu中处理命令的操作方法，如@command=\'handleCommand\'，然后在其中进行类似的switch操作，即根据不同的值执行相应的操作。另外，command可以直接是方法名，然后在handleCommand方法中这样调用：this[command]()。这是直接调用methods方法集中对应的方法。

但是，如果方法需要传递参数，那么这个方法就不太好用了。我们无法再单独解析这个命令字符串中的方法名称和参数。那就太麻烦了。解决方案是@click.native=\'func\'。这个方法可以直接调用methods方法集中对应的方法，传递参数自然就没问题了。

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

一般我抛出提示信息的时候直接就是this.$message。但有一种情况，我完成一个操作后，应该立即关闭提示，而不是等待它超时消失。答案是this.$message 实际上会返回一个消息对象的引用，所以我们定义一个变量来存储这个引用，然后在需要的时候调用close 方法。如messageHandle=this.$message(.) messageHandle.close()

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

有时，当前下拉框的选项取决于前一个下拉框的所选项目。在这种情况下，需要动态更改选项。下框中可选的el-option一般是通过v-for来渲染的。如el-option v-for=\'item in items\'.那么如果想要动态修改可选的item，可以直接修改要遍历的数组，即修改items数组的内容。另外，如果当前的下拉选项是由前一个下拉框的选中值决定的，那么前一个下拉框可以在@change方法中执行此操作。

变更日志

错误修复

自动完成

修复“更改事件”错误（#19200 by @sxzz）

图像

更新错误状态(#19194 by @lhx6538665)

优化

国际化

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

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

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

更新了印度尼西亚语翻译(#19320) by @therour)

更新了巴西葡萄牙语翻译（#19374 by @diegomengarda）