iView 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
iView 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
iView 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
iView 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
iView 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 HTML/CSS 查看源码 »
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发网页组件
开源组织
地区 国产
投 递 者 王练
适用人群 未知
收录时间 2017-01-03

软件简介

iView 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。

iView

特性

  • 高质量、功能丰富

  • 友好的 API ,自由灵活地使用空间

  • 使用单文件的 Vue 组件化开发模式

  • 基于 npm + webpack + babel 开发,支持 ES2015

安装

使用 npm

$ npm install iview --save

或使用 <script> 全局引用

<script type="text/javascript" src="iview.min.js"></script>

示例

<template>
    <Slider :value.sync="value" range></Slider>
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (49)

加载中
欢迎使用iview增删改查功能自动生成工具, 一键生成代码,非常酸爽,你值得一试。 #MoliCode#
2019/08/04 12:36
回复
举报

引用来自“危险的驾驶”的评论

天天推送 敢跟饿了么的UI比一下吗? 实话实说 不好看
噗~
2019/01/14 15:14
回复
举报

引用来自“谷粑糖”的评论

其实就想知道楼主的脑图用什么软件画的?

引用来自“天健F”的评论

我也好奇,他的这个好好看,我用Xmind有点旧。如果你知道了,麻烦告诉我一声
MindNode
2019/01/14 15:14
回复
举报

引用来自“谷粑糖”的评论

其实就想知道楼主的脑图用什么软件画的?
可以看看 MindMaster MindNode 。
2019/01/14 14:59
回复
举报
嗯,正好在找antd的替代品
2018/12/25 12:07
回复
举报
真的是太棒了
2018/12/19 12:01
回复
举报

引用来自“谷粑糖”的评论

其实就想知道楼主的脑图用什么软件画的?
我也好奇,他的这个好好看,我用Xmind有点旧。如果你知道了,麻烦告诉我一声
2018/11/17 18:36
回复
举报
其实就想知道楼主的脑图用什么软件画的?
2018/11/13 11:03
回复
举报
打分: 力荐
iview2.0啥时候出啊?
2018/05/24 22:12
回复
举报
打分: 很差
天天推送 敢跟饿了么的UI比一下吗? 实话实说 不好看
2017/12/26 17:52
回复
举报
更多评论
发表于大前端专区
2019/05/22 07:31

iView 3.4.2 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.4.2 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 新版本更新内容如下: 修复 Select 远程搜索,调用清空方法有时不能重置搜索词的问题。 #5620 修复 Modal 有时会误关闭的问题。 #5800 修复 Table 开启 Tooltip 时,单元格内容没有居中的问题。 #5472 修复 TS 不能按需使用的问题。 #5740 Table 的多选项都禁用时,也禁用全选按钮。 #5230 Input 的 autocomplete 属性移除限...

2
5
发表于大前端专区
2019/04/27 07:17

iView 3.4.1 发布,基于 Vue.js 的企业级 UI 组件库

iview 3.4.1 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: 修复 Grid 设置响应式 offset 有时出错的问题。 #2769 修复 3.4.0 版本下,InputNumber 设置 active-change 为 false 时失焦不更改数据的问题。 #5645 修复 TS 的一些问题。 #5673 更新说明 下载地址: Source code(zip) Source code(tar.gz)...

0
8
发表于大前端专区
2019/04/15 15:20

iView 3.4.0 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.4.0 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容如下: https://www.iviewui.com/docs/guide/update 新增大量全局配置。#5592 查看 Select 新增属性及插槽 prefix。#5477 Select 新增属性 max-tag-count 和 max-tag-placeholder。#5568 Table 新增属性 max-height。#4207 Table 新增属性 row-key,并优化性能。#5380 Poptip 新增属性 disabled。#5520 Slider 新增...

13
22
发表于大前端专区
2019/03/20 06:57

iView 3.3.2 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.3.2 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: 修复 3.3.1 版本下,Tabs 默认顺序在 Firefox 等浏览器下颠倒的问题。 dba576c 更新日志 下载地址: iview.js iview.js.map iview.min.js iview.min.js.gz iview.min.js.map Source code(zip) Source code(tar.gz)...

0
11
发表于大前端专区
2019/03/18 17:05

iView 3.3.1 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.3.1 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: https://www.iviewui.com/docs/guide/update Tabs 新增属性 name,TabPane 新增属性 tab,如果要在 3.3.0 版本以上嵌套使用 Tabs,需要给 Tabs 设置 name,并给对应的子 TabPane 设置 tab 指向 Tabs 的 name。 查看示例 #5377 TabPane 新增属性 index,当 TabPane 使用 v-if 时,并不会按照预先的顺序渲染,...

2
11
发表于大前端专区
2019/03/05 15:46

iView 3.3.0 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.3.0 发布了,代号 Transistor ,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: https://www.iviewui.com/docs/guide/update Table 新增属性 draggable 及事件 @on-drag-drop,开启后可以拖拽调整行的顺序。#4729 Table 新增属性 tooltip-theme,可以配置 Tooltip 的主题色。#4158 Select 新增属性 transfer-class-name。 Dropdown 新增属性 transfer-class-name。 Tr...

2
16
发表于大前端专区
2019/01/14 12:24

iView 3.2.2 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.2.2 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: https://www.iviewui.com/docs/guide/update 修复由 3.2.0 版本导致 Select 在 remote 模式下,选择出错的问题。#5087 修复 Select 内的 Option 动态改变时,有时选中值未更新的问题。#5090 修复 Select 在 filterable 模式下,失焦后搜索词未清空的问题。#5155 修复 Select 在 filterable 模式下,有时按回...

3
20
发表于大前端专区
2018/12/25 10:23

iView 发布 3.2.1 圣诞版,Merry Christmas

iView 3.2.1 发布了。iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: 优化 Input 的 v-model 在输入中文时的体验。#5060 优化 InputNumber 的 placeholder 颜色。#5053 优化 Select 在 multiple 模式下,选项过长的样式。#4938 修复 Select 列表无法在移动端滚动的问题。#4941 修复由 3.2.0 版本导致 Select 在 group 模式下,无法选择的问题。57bd539 修复 DatePicker 在 date...

10
13
发表于大前端专区
2018/12/18 14:48

iView 3.2.0 发布,基于 Vue.js 的企业级 UI 组件库

iView 3.2.0 发布了,代号 Lost Tracks。iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: Table 支持 slot-scope 用法。#4847 查看示例 Tree 新增属性 check-strictly,开启后,在复选框模式下,将不再严格遵循父子互相关联的做法。#4872 Tree 的 @on-select-change 和 @on-check-change 事件返回参数新增当前项。#4849 修复 TS 的一些问题。#4809 #4465 #4930 修复 Table 动态设...

3
26
发表于大前端专区
2018/11/10 07:11

iView 3.15 发布,基于 Vue 2.0 的中后台 UI 组件库

iView 3.15 发布了,iView 是一套基于 Vue.js 2.0 的企业级高质量 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容如下: 修复 ColorPicker 在开启 transfer 时,输入框无法聚焦的问题。 #4718 修复 Slider 在使用数字输入框时,清空数值报错的问题。 #4746 修复 AutoComplete 有时无法选中、选中删除瞬间消失等问题。 #4750 修复 Table 内无法使用单元格组件 Cell 的问题。 #4258 优化 Switch 样式。 #4762 发布公告 下...

5
14
发表于大前端专区
2018/11/01 07:01

iView v3.1.4 发布,基于 Vue.js 的高质量 UI 组件库

iView v3.1.4 发布了,iView 是一套基于 Vue.js 的高质量 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容: Tree 新增选中及半选节点的方法 getCheckedAndIndeterminateNodes。 #4664 修复 Time 组件有时计算时间不准确的 bug。#4651 新增芬兰语。 @lahdekorpi 下载地址:https://github.com/iview/iview/releases/tag/v3.1.4...

5
12
发表于大前端专区
2018/10/01 07:51

iView v3.1.3 发布,基于 Vue.js 的高质量 UI 组件库

iView v3.1.3 发布了,iView 是一套基于 Vue.js 的高质量 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容: Time 组件支持国际化。 #4317 Table 新增取消全选事件 @on-select-all-cancel。 #2586 优化 Cascader 在 trigger="hover" 时的表现。 #4472 Page 组件的 total 动态修改为 0 时,当前页置为 1。 #4460 修复 Select 在 filterable 模式下,完整匹配搜索词时显示完整列表的问题。 #4273 修复 Select 在 filterab...

3
6
发表于大前端专区
2018/09/28 05:41

iView v3.1.2 发布,基于 Vue.js 的高质量 UI 组件库

iView v3.1.2 发布了,iView 是一套基于 Vue.js 的高质量 UI 组件库,主要服务于 PC 界面的中后台产品。 这是一个 bug 修复版本: 修复 DatePicker 在 split-panels 模式下,有时报错的问题。 #4524 修复 DatePicker 点击清空图标时,弹出选择器的问题。 修复 DatePicker 切换月份时,左边月份比右边大的问题。 #3973 修复 FormItem 使用 required 属性时,无法校验的问题。 #4537 发布说明和下载地址 https://github.com/iview...

2
11
发表于大前端专区
2018/09/04 10:05

iView 3.1.0 版本:支持 TypeScript,支持 Vue CLI 3

自 iView 7.28 发布 3.0 后,今天我们又带来了一个重要的版本 3.1.0(版本代号:INSIDE),这个版本 iView 开始支持 TypeScript,可以算是一个新的里程碑。 如果觉得不错,请不要吝啬你的 Star 哦: https://github.com/iview/iview 更新日志 先看一下 3.1.0 版本完整的更新日志: https://github.com/iview/iview/releases 支持 TypeScript。 增加 Vue CLI 3 插件。vue-cli-plugin-iview 文档增加 Nuxt.js 用法。查看 文档更新...

9
14
发表于大前端专区
2018/08/26 07:15

iView v3.0.1 发布,基于 Vue.js 的高质量 UI 组件库

距 iView 3.0 发布过去已近一个月,目前 3.0 的首个补丁版已发布,主要是修复错误和一些其他的优化。具体如下: Select 的 placement 属性,新增值 top-start, bottom-start, top-end, bottom-end,并将默认值修改为 bottom-start。 修复 3.0 按需使用时,报错的 bug。#4165 修复 DatePicker 在部分时区下选择后错误的 bug。#4250 修复 DatePicker 的 shortcuts 功能自定义格式出错的 bug。#4127 修复 DatePicker 在 multiple 模...

3
8
发表于大前端专区
2018/07/30 10:40

iView 发布 3.0 版本,以及开发者社区等 5 款新产品

iView 发布 3.0 版本,以及开发者社区等 5 款新产品 7 月 28 日,我们成功地召开了 iView 3.0 暨神秘新品发布会,这可能是前端开源圈第一次举行线下+线上的发布会。现场座无虚席,线上直播也有超过 2 万人观看。同时这一天也是 iView 两周岁生日,发布会结束后,我们举行了生日会。 iView 两周岁生日 iView 3.0:更轻量的设计,更强大的组件和功能 3.0 文档地址 GitHub 地址 3.0 更新日志 我们设计了全新的 iView Logo,维持了原...

27
24
发表于大前端专区
2018/06/24 06:37

iView 2.14.3 发布,基于 Vue.js 的企业级 UI 组件库

iView 2.14.3 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。此次更新修复了一个 bug: 修复 Select 在输入数字时,有时无法直接选择的 bug。#3872 发布公告 下载地址: Source code (zip) Source code (tar.gz)

5
5
发表于大前端专区
2018/06/08 11:28

iView 2.14.2 发布,基于 Vue.js 的企业级 UI 组件库

iView 2.14.2 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容如下: 修复 Select 在异步设置 Option 时,无法显示选中项的 bug。#3722 修复 Select 在异步赋值时,无法显示选中项的 bug。#3795 修复 Select 在 filterable 且 remote 模式下,设置 label 不显示及报错的 bug。#3817 修复 Select 在 filterable 模式下,异步赋值,下拉列表不正确的 bug。#3836 修复 DatePicker...

13
9
发表于大前端专区
2018/06/01 15:03

iView 2.14.1 发布,基于 Vue.js 的企业级 UI 组件库

iView 2.14.1 发布了,iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 更新内容如下: 修复 2.14.0 版本中,在 SSR 中无法使用的 bug。#3740 修复 2.14.0 版本中,Select 无法绑定数字 0 的 bug。#3696 修复 2.14.0 版本中,Select 有时会显示 undefined 的 bug。#3705 修复 2.14.0 版本中,Select 初次渲染会触发 @on-change 事件的 bug。#3725 修复 2.14.0 版本中,Select 显示 label 不正确...

13
9
发表于大前端专区
2018/05/24 16:07

iView 2.14.0 发布,基于 Vue.js 的企业级 UI 组件库

iView 2.14.0 发布了,代号 KAMI。iView 是一套基于 Vue.js 的企业级 UI 组件库,主要服务于 PC 界面的中后台产品。 本次更新如下: 重构 Select 组件,完全支持键盘可访问性,并修复若干问题。#3157 #1647 #3574 DatePicker 组件增强键盘的可访问性。#3643 #1647 ColorPicker 组件增强键盘的可访问性。#3662 #1647 Tabs 组件增强键盘的可访问性。#3642 #1647 TabPane 将 display: none 改为了 visibility: hidden。#3652 Color...

7
8
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2017/10/27 22:57

iView

# [iView](https://www.iviewui.com/docs/guide/install) > iView 主要服务于 PC 界面的中后台业务,是一套高质量的开源 UI 组件库

0
0
发表于大前端专区
2018/08/16 18:43

iView admin

简介   iView admin是基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。 如果您想查看iview-admin的更新动态,您可以到更新日志查看了解最新更新;如果您是新手,想快速入手iview-admin,您可以到使用教程查看讲解;如果您想在线体验iview-admin,您可以到在线访问体验。如...

0
2
发表了博客
2019/05/06 09:29

iView 发布后台管理系统 iview-admin

简介 iView Admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。 没错,这就是大家期待已久的 admin 了,这么漂亮好用的系统,是不是可以给个 Star 鼓励一下开发者呢: iView GitHub:https://github.com/iview/iview iView Admin GitHub:https://github.com/...

0
1
发表了博客
2019/03/23 15:44

IView 使用

1.手动更新Menu菜单当前子菜单所在的菜单项以及选中当前项 <Menu ref="navBar" :theme="theme2" width="auto" :open-names="open" :active-name="activeName" :accordion="accordion" @on-select="chooseState"> <Submenu name="1"> <template slot="title"> <Icon type="ios-people" /> 统计 </template> <MenuItem name="/index" to="/index" id="stat...

0
0
发表了博客
2018/01/18 21:25

iview 使用笔记

一、在单文件组件中如何重载iview中的样式?无法重载iview中的样式? <style lang="sass" scoped> /* 添加 scoped 后样式将被锁定在当前组件,因此无法覆盖原iview样式, 解决方式: 1/不使用 scoped(不推荐), 2/再建一个 style 标签 ,vue单文件组件中是允许定义多个style标签的 */ <style> /*如下*/ <style lang="sass" scoped> </style> <style lang="sass...

0
0
发表了博客
2019/02/27 11:39

iview安装使用

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 安装 cd 项目 cnpm install iview -S 在项目中引入iview 在入口文件main.js中配置 import iView from 'iview' import 'iview/dist/styles/iview.css' Vue.use(iView) 官网示例 <template> <div class="MyIviewDemo"> <h1>{{ message }}</h1> <Slider :value.sync="value" range></Slider> </div> </template> ...

0
0
发表了博客
2018/10/19 15:21

iview 表单相关

view表单验证的步骤: 第一步:给 Form 设置属性 rules :rules 第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“ 第三步:注意:Form标签里面是 :model 第四步:注意:在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效 第五步:在操作保存按钮时,添加方法,对整个表单进行校验,参数为检验完的回调,会返回一个 Boolean 表示成功与失败 --------------------- <Form :label-wid...

0
0
发表了博客
2019/07/02 18:48

iview之tabs嵌套

iview之tabs嵌套 说明: iview组件中当嵌套使用 Tabs时,需要在Tabs中指定 name 属性来区分层级,然后在TabPane 中设置 tab 属性指向对应 Tabs 的 name 字段。 正确示例: 在每一个Tabs中都需要设置name属性,然后在其包含的所有直接TabPane中设置tab属性指向其对应的Tabs的 name 字段。 <Tabs name="tab1" > <TabPane label="标签1" tab="tab1"> <Tabs name="tab1-1"> <TabPane label="标签1-1" tab="tab1-1">标...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2019/12/12 16:27

Iview Tree 的展开问题

在用iview tree 时从后台获取数据加载,在页面显示时点击展开箭头,子节点大概2000条数据,出现了页面未响应加载子节点很慢的问题,请教一下该如何优化呢。

3
0
发表于大前端专区
2019/11/04 14:57

关于iview 的upload上传弹窗是否有入口可以用于修改,如何修改

请教一下各位大神,因为看elementUI的上传组件upload有一个http-request的API,覆盖默认的上传行为,可以自定义上传的实现 发现iviewUI官网并没有对应API,请教一下,该功能API是被整合到了其他api上了?还是哪里有入口用于修改原生底层? 最终目的, 其实就是想简单实现当点击上传弹出选择框弹窗的时候,要么去除所有文件列表选项,要么在切换到所有文件列表选项时可以隐藏或禁选非法后缀名的文件 请问有什么办法入口可以实现?...

3
0
发表于大前端专区
2019/10/08 15:35

iview-admin中菜单栏子菜单点击之后再收起,再点击其他的子菜单依旧会展开刚刚收起的子菜单

@龙影 你好,想跟你请教个问题:大佬,问一下iview-admin里左边菜单点击过的子菜单,收起,再点击其他子菜单,刚刚的子菜单也会展开,这个bug应该怎么改呢

2
0
发表了问答
2017/11/14 19:46

高手问答第 177 期 —— iView 作者带来的 Vue.js 实战分享

OSCHINA 本期高手问答(11 月 15 日 - 11 月 21 日)我们请来了@aresn 为大家解答关于 Vue.js 实战方面的问题。 梁灏,网名 Aresn,基于 Vue.js 的高质量开源 UI 组件库 iView 的作者。目前在大数据公司 TalkingData 负责可视化基础架构。创办了程序员社区 TalkingCoder。 提到 Vue.js,使用过的开发者普遍都会它的易用性和轻量级赞不绝口。Vue.js 是一个轻量高效的 MVVM 框架,提供了响应式编程、组件化等强大的能力,配合丰富多...

71
34
发表了问答
2017/10/16 16:47

为什么在node的vue中不能使用 import()语法?

我采用的是iview组件库的构建工具构建的项目,在使用过程中发现 import() 这个东西不能用! 报错如上图, 代码如下 项目内的.babelrc如下 { "presets": [ [ "es2015", "stage-3" ] ] } 项目配置如下 { "name": "ji", "version": "1.0.0", "description": "项目", "main": "index.js", "scripts": { "init": "webpack --progress --config webpack.dev.config.js", "dev": "webpack-dev-...

5
0
2018/06/09 09:54

怎么用vue定义一个<a></a>组件,然后定义a组件里面可以使用<b><c><d>组件?可以嵌套其他组件的吗?

类似iview的formItem那些,是怎么定义渲染的?

1
0
2018/05/18 10:05

iview 一直报warning,代码就是官方的没改动,但是装node9以上的版本就不出现了是什么原因

[Vue warn]: Duplicate keys detected: 'xxx'. This may cause an update error. found in ---> <SidebarMenu> 就是这个SidebarMenu一直报,全局搜索过是没有同名的,换了nodejs9就好了,目前用的是nodejs8 lts版本最新版

3
0
发表了问答
2017/08/31 15:41

采用iview脚手架创建的项目,写完了才发现打包后不能用!求救

http://git.oschina.net/Dongasai/api_demo 这是项目地址 npm run dev 运行这个项目是可以的 但是 npm run build打包生成后的呢个文件,是不能运行的,大神支招了

1
0
发表了问答
2017/07/06 12:52

iview 的主题更改报错

我的项目是通过iview的项目创建工具创建的,css工具选的less 根据这个教程说的 https://www.iviewui.com/docs/... 采用变量覆盖的方式 我先创建了一个文件 然后写了代码 并且在main.js中进行了引入 运行报错

1
0
发表了问答
2017/06/21 17:48

vue的UI框架 IView 中的事件是怎么触发的?

是用vue的ui框架 iview 在做导航的时候不知道怎么它是怎么实现跳转的, 看文档的时候说有一个选中的方法: on-select 但是不明白怎么触发: <Menu-item v-for="(navitem, q) in item.navItems" :key="item.link" :name="navitem.link+'-'+q" v-text="navitem.navText" v-on:on-select="goThat"></Menu-item> methods: { goThat (link) { console.log(link) this.$roter.push(link) ...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
49 评论
710 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部