Element 2.0.0-alpha.3 和 1.4.7 已发布,Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
新特性
综合
新增全局配置组件尺寸的功能
在引入 Element 时,配置 size 字段可以改变所有组件的默认尺寸。按照引入 Element 的方式,具体操作如下:
完整引入 Element:
import Vue from 'vue' import Element from 'element-ui' Vue.use(Element, { size: 'small' })按需引入 Element:
import Vue from 'vue' import { Button } from 'element-ui' Vue.prototype.$ELEMENT = { size: 'small' } Vue.use(Button)按照以上设置,项目中所有拥有 size 属性的组件的默认尺寸均为 'small'。
Loading
配置对象新增 spinner 和 background 字段,支持自定义加载图标和背景色,#7390
Autocomplete
新增 debounce 属性,#7413
Upload
新增 limit 和 on-excceed 属性,支持对上传文件的个数进行限制,#7405
Menu
新增 open 和 close 方法,支持手动打开和关闭 SubMenu,#7412
DatePicker
新增 value-format 属性,支持对绑定值的格式进行自定义,#7367
TimePicker
新增 arrow-control 属性,提供另一种交互形式,#7438
DateTimePicker
新增 time-arrow-control 属性,用于开启时间选择器的 arrow-control,#7438
Form
修复
修复部分组件的 Injection "elFormItem" not found 报错
非兼容性更新
DatePicker 的 change 事件参数现在为组件的绑定值,格式由 value-format 控制
Input 组件的 change 事件现在仅在输入框失去焦点或用户按下回车时触发,与原生 input 元素一致。如果需要实时响应用户的输入,可以使用 input 事件
最低兼容 Vue 2.5.2 版本
此外,1.4.7 也已发布,更新如下:
Switch 新增
allow-focus属性,#7494(by @breadadams)
引用来自“蓝翔招生办”的评论
用的最多的还是Table, 希望吧table做的强大一点,