elementui技术介绍
Element UI中文官网网址: https://element.eleme.cn/#/zh-CN
Element UI是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。
设计原则:
1.一致性 Consistency
与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
2.反馈 Feedback
控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;
页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。
3.效率 Efficiency
简化流程:设计简洁直观的操作流程;
清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;
帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。
4.可控 Controllability
用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
利贡朋4531vue+ elementui 怎样复制一个元素插入到页面上 -
韶贴莲18744088432 ______ 1.安装以下模块,让webpack可以解析css文件 cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev2.安装elementUi模块 cnpm install element-ui@next -S3.在webpack.base.conf.js中添加配置 { ...
利贡朋4531element ui 中怎么进行ajax请求 -
韶贴莲18744088432 ______ element-ui的switch没有click事件,你可以按照以下步骤来实现:加一个disabled属性,阻止点击后自动切换状态 把@click换成@click.native 在click.native的事件处理里面改变status的值
利贡朋4531如何使用element - ui的upload组件实现上传文件到七牛 -
韶贴莲18744088432 ______ 具体实现1. 在创建存储空间的时候,可以选择私人空间,但是图片的外链访问都需要秘钥,公共空间则不需要.2. 为了实现上传,我们还需要生成上传凭证,关于凭证,可以参看文档,并且在文档结束后还有demo,因为是个人项目,为了简单...
利贡朋4531ZUI 和mint - ui,element ui哪个更适合用VUE开发? -
韶贴莲18744088432 ______ minit-ui是移动端是饿了么团队开发的,后者element-ui是PC端也是饿了么团队开发的,无论是移动端或者PC端结合Vue都比较适合开发,ZUI组件不是很强大,可以满足一般程序的需求. 1. ZUI系统最显著的特性之一,通过构建完善的系统级防护,打造自动安全的能力.并通过基于大数据下的多级递进自启拦截防护引擎,有效追踪家族应用、跨家族应用; 2. 如果你只需要使用某个组件,可以仅引入这个组件,Mint UI 能够保证在代码打包时,与这个组件无关的文件不会出现在最终代码里.
利贡朋4531element - ui 怎样动态控制树的全部折叠和展开 -
韶贴莲18744088432 ______ 1.点击按钮,全部展开,然后el-tree则全部展开2.点击按钮,全部折叠,然后el-tree则全部折叠3.使用 :default-expand-all="isExpand",动态改变isExpand的值,值变化,树却没有变化
利贡朋4531用vue 一般都配合什么 UI 框架 -
韶贴莲18744088432 ______ angular、backbone等
利贡朋4531element - ui 的el - date - picker的format设置之后是怎么用的呢 -
韶贴莲18744088432 ______ 不知道是extjs的dataPicker还是jquery插件的 extjs: { xtype: 'datafiled', value: new Date() } jquery插件 $("#datepicker").datepicker( {
利贡朋4531ElementUI tree控件怎么通过子节点去找到父节点 -
韶贴莲18744088432 ______ 注册节点双击事件 private void treeview1_nodemousedoubleclick(object sender, treenodemouseclickeventargs e) { if (e.node.parent != null) { string name = e.node.parent.name;//节点名称看 string text = e.node.parent.text;//节点文本看 } }
利贡朋4531element ui 的table怎么设置能使列的宽度自适应列内容. -
韶贴莲18744088432 ______ 添加全局注册事件,用来监听滚动事件 window.Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() { let sign = 100 const scrollDistance = this....
利贡朋4531Vue在单独引入js文件中使用ElementUI的弹框,调用的时候报错了 -
韶贴莲18744088432 ______ require('./assets/css/index.css') src之下才是你的文件目录 其他访问不到的 把index.css放到src的assets/css下 即可 import 引入css 不推荐