美文网首页
【vue】iView在非 template/render 模式下

【vue】iView在非 template/render 模式下

作者: bobokaka | 来源:发表于2020-09-21 15:00 被阅读0次

    以下组件,在非 template/render 模式下组件名要分隔:
    DatePicker:date-picker
    FormItem:form-item
    CheckboxGroup:checkbox-group
    InputNumber:input-number

    以下组件,在非 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

    以下组件,在非 template/render 模式下,必须加前缀 i-:
    Switch: i-switch
    Circle: i-circle

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

    <Card>
    <Checkbox>
    <Row>
    <Card>
    <Sider>
    <Layout>
    <Submenu>
    <Menu-item>

    以下组件,在非 template/render 模式下,需要加前缀 xxx-yyy:
    BreadcrumbItem:breadcrumb-item

    工作中遇到的情况,记录下:

    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>

    相关文章

      网友评论

          本文标题:【vue】iView在非 template/render 模式下

          本文链接:https://www.haomeiwen.com/subject/jzkvyktx.html