zoukankan      html  css  js  c++  java
  • 非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>
    

      

  • 相关阅读:
    python输出shell命令执行结果
    python实验二:字符串排序
    python学习系列
    linux命令系列目录
    git初步
    HTML基础教程 七 高级
    HTML/CSS基础教程 六
    linux命令---sed
    linux命令---unzip
    模块
  • 原文地址:https://www.cnblogs.com/itstac/p/12334540.html
Copyright © 2011-2022 走看看