iview2 升级 iview3 | 木念白

[](#%E7%89%88%E6%9C%AC%E5%8D%87%E7%BA%A7%E8%83%8C%E6%99%AF "版本升级背景")版本升级背景

[](#iview-%E7%89%88%E6%9C%AC%E8%BF%AD%E4%BB%A3-%EF%BC%88%E6%88%AA%E8%87%B3-2018-08-24%EF%BC%89 " iview 版本迭代 （截至 2018-08-24）")iview 版本迭代 （截至 2018-08-24）

  • V 3.0.1 2018-08-22
  • V 3.0.0 2018-07-28
    V 3.0.1 主要修复了 V 3.0.0 的一些 bug，不影响版本正常升级。

[](#%E7%89%88%E6%9C%AC%E5%8D%87%E7%BA%A7%E8%A6%81%E7%B4%A0 "版本升级要素")版本升级要素

[](#Button "Button")Button

  • 废弃 type ghost，原先的 default 样式有改变。 不兼容
  • 新增属性 custom-icon，支持自定义图标。
  • 新增属性 to、replace、target，支持点击直接跳转。
  • 新增幽灵属性 ghost，可以使按钮背景透明，常用于有色背景上。

[](#Icon "Icon")Icon

  • Icon 的图标升级至 ionicons 3.0 图标，图标名称有改变。不兼容
  • 新增属性 custom，支持自定义图标。

[](#Breadcrumb "Breadcrumb")Breadcrumb

  • 新增属性 target。
  • Breadcrumb 废弃 href 属性。不兼容
  • 在链接上会显示 a 标签的 href 值。

[](#Badge "Badge")Badge

  • Badge 的 count 属性只支持 Number 类型。不兼容
  • 新增属性 show-zero。
  • 新增属性 text，可以自定义内容。
  • 新增属性 status，可以设置徽标为状态点。
  • 新增属性 offset，可以设置偏移量。
  • 新增属性 type，可以设置预设的颜色

[](#Tag "Tag")Tag

  • Tag 的 color 属性将原先的 blur、green、yellow、red 更名为了 primary、success、warning、error。不兼容
  • color 属性新增了 13 种预设。

[](#Input "Input")Input

  • 新增属性 prefix 和 suffix 以及同名 slot，支持设置前缀和后缀图标。
  • 新增属性 search 和 enterButton，支持搜索类型的输入框。
  • 新增事件 @on-search，使用搜索类型输入框时，点击搜索或按下回车键时触发。

[](#Modal-%E5%AF%B9%E8%AF%9D%E6%A1%86 "Modal 对话框")Modal 对话框

  • 新增全屏属性 fullscreen。
  • 新增隐藏遮罩层属性 mask。
  • 新增拖拽属性 draggable。

[](#Table "Table ")Table

  • Column 新增属性 indexMethod， 可以自定义 type=”index” 时的序号。
  • Column 新增属性 tooltip，开启后，当单元格文本超过一行，会以…显示，并在 Tooltip 中显示完整内容。
  • 优化 type=”selection” 时，Checkbox 为居中。

[](#Menu "Menu ")Menu

  • 新增属性 to、replace、target，支持点击直接跳转。

[](#Badge-%E5%BE%BD%E7%AB%A0 "Badge 徽章")Badge 徽章

  • 新增属性 show-zero。
  • 新增属性 text，可以自定义内容。
  • 新增属性 status，可以设置徽标为状态点。
  • 新增属性 offset，可以设置偏移量。
  • 新增属性 type，可以设置预设的颜色。

[](#Page-%E5%88%86%E9%A1%B5 "Page 分页")Page 分页

  • 新增属性 prev-text 和 next-text，可以自定义上下页的文案。
  • 优化快进和快退的逻辑

[](#Upload-%E4%B8%8A%E4%BC%A0 "Upload 上传")Upload 上传

  • 新增属性 paste，开启后可以上传复制在剪贴板的文件。

[](#Tooltip-%E6%96%87%E5%AD%97%E6%8F%90%E7%A4%BA "Tooltip 文字提示")Tooltip 文字提示

  • 新增属性 theme，可以设置 dark（默认）或 light 两种主题。
  • 新增属性 max-width，超出最大值后，文本将自动换行，并两端对齐。

[](#Poptip-%E6%B0%94%E6%B3%A1%E6%8F%90%E7%A4%BA "Poptip 气泡提示")Poptip 气泡提示

  • 新增属性 word-wrap，开启后，超出指定宽度文本将自动换行，并两端对齐。
  • 新增属性 padding，可以自定义间距值。

[](#Rate-%E8%AF%84%E5%88%86 "Rate 评分")Rate 评分

  • 新增属性 character、icon 和 custom-icon，支持自定义字符或图标。

[](#Collapse-%E6%8A%98%E5%8F%A0%E9%9D%A2%E6%9D%BF "Collapse 折叠面板")Collapse 折叠面板

  • 新增属性 hide-arrow，可以隐藏箭头。
  • 新增属性 simple，可以显示为无边框的简洁模式。

[](#Switch-%E5%BC%80%E5%85%B3 "Switch 开关")Switch 开关

  • 新增属性 loading，可表示开关仍在执行中

[](#Dropdown "Dropdown ")Dropdown

  • 触发方式 trigger 新增 contextMenu，可以通过点击右键触发。

[](#Circle-%E8%BF%9B%E5%BA%A6%E7%8E%AF "Circle 进度环")Circle 进度环

  • 新增仪表盘属性 dashboard。

[](#Progress-%E8%BF%9B%E5%BA%A6%E6%9D%A1 "Progress 进度条 ")Progress 进度条

  • 新增分段进度属性 success-percent。

[](#Avatar-%E5%A4%B4%E5%83%8F "Avatar 头像 ")Avatar 头像

  • 新增自定义图标属性 custom-icon。

[](#Progress-%E8%BF%9B%E5%BA%A6%E6%9D%A1-1 "Progress 进度条 ")Progress 进度条

  • 新增分段进度属性 success-percent。

[](#Progress-%E8%BF%9B%E5%BA%A6%E6%9D%A1-2 "Progress 进度条 ")Progress 进度条

  • 新增分段进度属性 success-percent。

Original url: Access
Created at: 2018-11-20 20:46:44
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论