【iView】100. iView踩坑集锦

官网地址：iview官网

================================================================================

1.iview在非 template/render 模式下标签的转化

 

以下组件，在非 template/render 模式下组件名要分隔：

DatePicker：date-picker
FormItem：form-item
CheckboxGroup：checkbox-group
InputNumber：input-number

以下组件，在非 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
Header:i-header
Content:i-content
Footer:i-footer

以下组件，在非 template/render 模式下，必须加前缀 i-：

Switch: i-switch
Circle: i-circle

以下组件，在非 template/render 模式下，其他组件写法不变，如

<Card>
<Checkbox>
<Row>
<Card>
<Sider>
<Layout>
<Submenu>
<Menu-item>

以下组件，在非 template/render 模式下，需要加前缀 xxx-yyy：

BreadcrumbItem:breadcrumb-item

 

场景：

直接在官网上使用的模板，点击效果  数据双向监听 是生效的

 

 

但是在自己项目种使用官网代码，数据双向监听不能生效，必须使用 如下，数据双向监听才能生效

 

 

 

 

 

2.待写