最近公司在做一个项目，使用的框架是iview,使用过程中同事遇到一些问题，这些问题对于有些同学来说根本就不是问题，但总会有同学需要，为了帮助不太会用的同学快速找到问题，做了如下整理：
下载vue,iview.min.js,iview.css包并引入：
（注意：也可以使用尾部链接进行引用，但是这样的话，当遇到突然没有网的时候，页面样式会出现问题，所以我认为最好是下载压缩文件，在项目中引用比较好，另如果需要使用图标，必须下载fonts文件与iview.css放在同一个文件夹下面，但不需要在html代码中引入）
<link rel="stylesheet" type="text/css" href="../../css/iview.css">
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/iview.min.js"></script>
css文件
js文件
重点：
有很多同学不细心，没有注意到它文档的提示，导致出现一些问题：
文章提示
一定要注意这句话，有很多组件在原生html模式下是不能使用的。
单有些组件的文档里面没有提示这句话，也不能使用，那么我将对组件做一些整理，一下内容都是在非template/render模式下需要特殊使用的组件：
1.按钮 i-button
2.图标：
图标后面直接跟文字，则会显示不出来文字内容：
<Icon type="ios-checkmark" />文字可以这样修改：
<Icon type="ios-checkmark"></Icon>文字3.栅格：
i-col4.导航菜单：
i-menu5.标签页：
tabs tab-pane6.下拉菜单：
dropdown-menu dropdown-item7.面包屑：
Breadcrumb-item8.锚点：
Anchor-link9.输入框：
i-input10.开关：
i-switch11.表格：
i-table11.选择器：
i-select i-option12.日期时间：
Date-picker Time-picker以上不是全部的特殊使用的组件，但基本可以看出主要是两种形式：
一种是i-**（如：i-table），另一种是拆词（如：Date-picker）
网友评论