iView2 来了,全面支持 Vue.js 2.x

局长
 局长
发布于 2017年03月11日
收藏 21

iView2 来了

iView 发布了支持 Vue.js 2.x 的 2.0.0-rc.2 版本。
该版本以 iView 1.x 为基础进行修改,完全保留了 43 个 UI 组件,针对 Vue 2.x 的特性,对一些 API 进行了调整,比如表单类组件充分利用 v-model 来替代 .sync。整体性能也大幅度提升。

更新日志:

目前已发布至 npm,2.0 文档还需一段时间,可以结合下面的日志线索和源码的 examples 来使用。

Button

需使用 @click.native

Input

使用 v-model,增加 on-input-change // todo 考虑更名

RadioGroup

使用 v-model

Radio

value 改为了 label,使用 v-model,废弃 checked

Checkbox

使用 v-model

CheckboxGroup

value 改为了 label,使用 v-model,废弃 checked

Switch

废弃checked, 改为了 value,使用 v-model

Badge

class 改为了 className

InputNumber

使用 v-model

Progress (名称有警告)

新增 on-status-change 事件

Upload

父级不能 computed Upload 的 fileList 了

Collapse

废弃 activeKey,使用 v-model,key 是保留的,更名为 name

Carousel

废弃 activeIndex,使用 v-model,v-for="n in slides.length",Vue2的数字循环,是从1开始的

Tree

废弃 data,改为 value,使用 v-model,key 更名为 name,不能再 template 的prop 上使用 this

Circle

改名为 iCircle

Tabs

废弃 activeKey,改用 value,使用 v-model,key 更名为 name

popper.js 将 prop: visible 移至 data 里

Slider

支持 v-model

Dropdown

DropdownItem key 改为 name, Dropdown 的 visible 要使用 @on-visible-change 捕获,不再 sync
DropdownItem 里,this.$parent.$parent 与1.0 有区别

Menu

MenuItem 和 Submenu 的 key 改为了 name
Menu 的 activeKey 改为 activeName,openKeys 改为 openNames

Cascader

Caspanel 的 sublist 从 prop -> data

Select

model 改为 value,支持 v-model

Page

class 改为 className

DatePicker

使用 v-model

LoadingBar

部分 prop 移至 data

Modal

visible 改为 value,使用 v-model,style 改为 styles,$Modal 的关闭有改动,建议后面在纯 html 模式下测试

Table

i-table 改为 Table,目前单元格渲染自定义组件还有部分 bug

Message

notice.vue 的 key 改为了 name,style 改为 styles
notification.vue 的 key 改为了 name,style 改为 styles

    部分内容来自:https://www.talkingcoder.com/article/6395692494071220203

    本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
    转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
    本文标题:iView2 来了,全面支持 Vue.js 2.x
    加载中

    精彩评论

    dengqianyi
    dengqianyi
    希望有个完整的后台demo可以借鉴
    554330833a
    554330833a
    vue可以集成layui吗,这个是类似layui的吗?

    最新评论(12

    无忧逍遥客
    无忧逍遥客
    终于等到你
    talent-tan
    talent-tan

    引用来自“DuLerWeil”的评论

    何为流行,即甘愿等它、甘愿学习以配得上它
    哈哈,对头,作者不要辜负大家
    龙影
    龙影
    喜大普奔啊
    DuLerWeil
    DuLerWeil
    何为流行,即甘愿等它、甘愿学习以配得上它
    夏悸
    夏悸
    速度蛮快
    yybawang
    yybawang
    支持!一直在关注
    dengqianyi
    dengqianyi
    希望有个完整的后台demo可以借鉴
    554330833a
    554330833a
    vue可以集成layui吗,这个是类似layui的吗?
    红白机
    红白机

    引用来自“talent-tan”的评论

    为了用上这个,我还学习了一下npm等新的前端知识,作者可要多多加油
    是啊。我也在学,目前还不知道怎么用。
    talent-tan
    talent-tan
    为了用上这个,我还学习了一下npm等新的前端知识,作者可要多多加油
    返回顶部
    顶部