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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM