iview template模式_「iview」iview_入门 - seo实验室

本文介绍了如何在项目中安装和引入 iView,包括在非 template/render 模式下的组件使用注意事项,以及如何切换语言和使用 iView Loader 规范化标签。同时,文章还讲解了 iView 的栅格系统和遇到的解析错误解决方案,以及关键组件如 Layout、Header、Sider、Content 和 Footer 的应用。
摘要由CSDN通过智能技术生成

iview

执行npm install iview --save 在项目中引入iview

引入 iView #

一般在 webpack 入口页面 main.js 中如下配置:

import iView from 'iview'

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

//导入样式

Vue.config.productionTip = false

Vue.use(iView)

在非 template/render 模式下(例如使用 cdn 引用时),组件名要分隔,例如 DatePicker 必须要写成 date-picker。

以下组件,在非 template/render 模式下,需要加前缀 i-:

Button: i-button

Col: i-col

Table: i-table

Input: i-input

Form: i-form

Menu: i-menu

Select: i-select

Option: i-option

progress: i-progress

以下组件,在所有模式下,必须加前缀 i-,除非使用 iview-loader:

Switch: i-switch

Circle: i-circle

2.因为iView 的所有组件文案默认使用的是中文,通过设置可以使用其它语言。

在 Webpack 中使用 #

完整引入 iView

import Vue from 'vue';

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值