iView非 template/render 標籤轉換

在非 template/render 模式下(例如使用 CDN 引用時),組件名要分隔,例如 :

  • DatePicker: date-picker
  • FormItem: form-item
  • CheckboxGroup: checkbox-group
  • InputNumber: input-number
  • BreadcrumbItem: breadcrumb-item
  • MenuGroup: menu-group
  • MenuItem: menu-item
  • RadioGroup: radio-group
  • TabPane: tab-pane
  • DropdownMenu: dropdown-menu
  • DropdownItem: dropdown-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
  • Time: i-time

以下組件,在所有模式下,必須加前綴 i-,除非使用 iview-loader

  • Switch: i-switch
  • Circle: i-circle

以下組件,在非 template/render 模式下寫法不變:

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章