精品为您呈现,快乐和您分享!

移动端

收藏本站

17软件园

当前位置: 首页 > 软件下载 > 编程开发

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

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

类型:编程开发 语言:英文

大小:2.7M 更新时间:2020-07-30

推荐指数:

应用简介


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









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



Element  UI(网站快速成型工具)



特征



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



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



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



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



16f5ea39b32aba48_600_0.jpeg



软件特点



【一致性】



符合现实生活:符合现实生活流程和逻辑,遵循用户使用的语言和概念;



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



【反馈意见反馈】



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



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



【效率】



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



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



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



可控性



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



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



16f5ea39b32cdbc0_600_0.jpeg



常见问题



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)