非template/render模式下使用iview组件时标签需要转化

工作中遇到的情况,记录下:

iView在非 template/render 模式下标签的转化

以下组件,在非 template/render 模式下组件名要‘-‘分隔:

1 DatePicker:date-picker
2 FormItem:form-item
3 CheckboxGroup:checkbox-group
4 InputNumber:input-number
5 BreadcrumbItem:breadcrumb-item 

以下组件,在非 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
Switch: i-switch
Circle: i-circle


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

<Card>
<Checkbox>
<Row>
<Sider>
<Layout>
<Submenu>
<Panel>
<Collapse>
<Divider>
<CellGroup>
<Cell>
<Badge>
<Tabs>
<Radio>
<Dropdown>
<Breadcrumb>
<Page>
<Modal>

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

BreadcrumbItem:breadcrumb-item
MenuGroup  :  <menu-group>
Menu-Item   :  <menu-item>
RadioGroup  :  <radio-group>
TabPane       :  <tab-pane>
DropdownMenu  :  <dropdown-menu>
DropdownItem   :  <dropdown-item>

  

原文地址:https://www.cnblogs.com/itstac/p/12334540.html