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