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

Posted 2021-11-29 ihuangqing

工作中遇到的情况，记录下：

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-：

 1 Button: i-button
 2 Col: i-col
 3 Table: i-table
 4 Input: i-input
 5 Form: i-form
 6 Menu: i-menu
 7 Select: i-select
 8 Option: i-option
 9 Progress: i-progress
10 Header:i-header
11 Content:i-content
12 Footer:i-footer
13 Switch: i-switch
14 Circle: i-circle

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

1 <Card>
2 <Checkbox>
3 <Row>
4 <Card>
5 <Sider>
6 <Layout>
7 <Submenu>
8 <Menu-item>