iview

2018-05-16 admin

iview是什么

什么是iview,A high quality UI components Library with Vue.js

iview介绍

iViewNPM downloadsNPM downloadsJS gzip sizeCSS gzip sizeJoin the chat at https://gitter.im/iview/iview

A high quality UI Toolkit built on Vue.js.

This branch is for Vue.js 2.x.

The branch for Vue.js 1.x can be found here.

Docs

中文文档 (1.0)

Overview

Features

  • Dozens of useful and beautiful components.
  • Friendly API. It’s made for people with any skill level.
  • Extensive documentation and demos.
  • It is quite beautiful.
  • Supports both Vue.js 2 and Vue.js 1.

Who’s using iView

If your company or products use iView, welcome to click here to leave a message.

Install

Please install Webpack first!

We recommend you create your project through iView Cli or iview-project. You can also use vue-cli.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

  • Supports Vue.js 2.x
  • Supports Vue.js 1.x - visit 1.0 docs
  • Supports SSR
  • Supports Nuxt.js
  • Supports Electron
  • iView does not support IE8 or below since Vue.js uses Object.defineProperty to track changes which is not supported by these browsers.

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag Bugs: File a issue here - please provide a example so we can help you better Contribute: Contact us in Gitter chat, WeChat or via mail to admin@aresn.com. PRs welcome!

Major Contributors

Links

License

MIT

Copyright © 2016-present, iView

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-32358.html

文章标题:iview

相关文章
vue2.0 + iview问题总结
vue + iview + webpack项目在ie浏览器中不能正常运行。 主要原因是代码中使用es6语法,在低版本浏览器中无法识别。 解决办法: (1)webpack不会编译static下的js文件,所以js文件不要写在static文件夹...
2018-07-28
iviewer
iviewer是什么 什么是iviewer,jQuery.iviewer is an jQuery UI widget responsible for image view control with zoom control and a p...
2018-08-11
Iview时间选择器(datepicker)按格式需求返回数据的方法
其实并不复杂,首先在datepicker组件按自身需求定义format属性,属性表如下: 具体请浏览 https://www.iviewui.com/compo… 例如我们需要如下格式的时间数据返回: 2018-06-16 19:44:5...
2018-06-16
iview 和 Elemet UI 源码比较
(近期给自己立了个小flag,读源码,每周至少读1篇源码) 下面来谈谈iview 和 Elemet UI 这两个基于Vue 的UI 框架源码的基本结构以及区别。 一、文件结构 开发主要放在根文件夹下的src下: 1\. ivew 文件结构 ...
2018-07-19
iView 发布微信小程序 UI 组件库 iView Weapp
末尾有彩蛋。 过去的两年里,iView 开源项目已经帮助成千上万的开发者快速完成网站开发,大幅度提高了开发效率,成为 Vue.js 生态里重要的一部分。 与此同时,我们也在思考,除了服务 PC Web,iView 还能提供什么。可能是...
2018-06-11
iview Table表格组件无法拆分单元格的解决思路
最近在开发的Vue项目中,使用了iview第三方UI库;对于表格组件的需求是最多的,但是在一些特定场景下,发现iview的表格组件没有单元格合并与拆分的API,搜了一下发现很多同学提问关于iview表格组件的单元格如何拆分和合并的问题。因此...
2018-09-06
Vue iview-admin框架二级菜单改为三级菜单
最近在用 iview-admin的Vue后台模板,从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的,木有其他好办法,只能自己手动改代码了。 1. 第一步:首先...
2018-07-03
基于VueJS的render渲染函数打造一款非常强大的IView 的Table组件
1、render渲染函数的介绍 字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。 如果组件是一个函数组件,渲染函数还会接收一个额...
2018-08-11
iview-admin webpack打包总结的几个问题
webpack小白,总结几条遇到的打包问题 1.开发代理服务器与上线接口调用的差别 开发时用devServer做代理 打包时要区分开生产环境跟开发环境即: 开发配置文件 webpack.dev.config.js 生产配置文件 webp...
2018-08-03
iview 3.0.0 按需引入的bug
iview 3.0.0 按需引入的bug 官网教程 https://www.iviewui.com/docs/… 简单易懂 按照官网撸完会再在我们的项目中引入你需要的组件(比如button),会发现报如下错: Cannot read pr...
2018-08-15
回到顶部