zoukankan      html  css  js  c++  java
  • [学习记录]ElementUI组件2

    <el-form><el-from-item>表单控件,每个表单域由一个el-from-item组成,内部可以放置各种类型的表单控件,包括input,select,checkbox,radio,switch,datepicker,timepicker,允许对横纵排列、标签对齐方式、必填项、内容校验、动态增减进行自定义。

    <el-table><el-table-column>表格,内容通过prop属性填充,可以设置为单选、多选表格,

    <el-tag>标签,支持五种type,可添加、移除tag,提供了亮、暗、朴素三种主题

    <el-progress>进度条,支持丰富的颜色自定义,有线型、圆形、仪表盘型

    <el-tree>树结构控件

    <el-pagination>分页控件,通过layout属性设置布局

    <el-badge>气泡控件,qq右上角那种气泡,<el-badge>的子元素为消息框,图标框之类的

    <el-alert>警告组件,仍属于网页内部文本

    element-loading/element-loading-text/element-loading-spinner等等,作为一种属性添加到其它组件中,表示在加载

    this.$message  顶部消息提醒,注册为全局方法

    this.$msgbox his.$alert his.$confirm his.$prompt   各种乱七八糟的弹框

    this.$notify 右上角通知框

    <el-menu><el-menu-item><el-submenu>导航菜单,支持横纵切换,折叠方法类似树结构

    <el-tabs><el-tab-pane>选项卡

    <el-breadcrumb><el-breadcurmb-item>面包屑

    <el-page-header>页头    类似     返回|详情    这种的,title属性负责“返回”,content属性负责“详情”

    <el-dropdown><el-dropdown-menu><el-dropdown-item>下坠菜单

    <el-steps><el-step>步骤条,教你一步一步做东西

    <el-dialog>弹出框,写在页面中通过visible切换是否可见,分为title、body、footer三部分,内部可以嵌入任何html元素

    <el-tooltip>提示文字,子元素为被提示对象,悬浮触发

    <el-popover>提示框,支持多种触发方式,支持内嵌丰富的html元素,需要slot插槽

    <el-card>卡片

    <el-carousel><el-carousel-item>走马灯,轮播图

    <el-collapse><el-collapse-item>折叠面板,展开操作类似树结构

    <el-timeline><el-timeline-item>时间线

    <el-divider>分割线,横纵切换、可内置文案

    <el-calendar>日历

    <el-image>图片

    <el-backtop>返回顶部

    v-infinite-scroll="load‘无限滚动

  • 相关阅读:
    假期第六周总结
    假期第五周周总结
    navicat 链接oracle时出现的各种问题
    oracle 12如何解锁账户锁定状态及修改忘记的密码
    假期第四周周总结
    假期第三周周总结
    idea中使用git【推送,拉取,分支合并,解决冲突】
    Git分支,合并,切换分支的使用
    Git使用
    SpringCloud服务降级案列
  • 原文地址:https://www.cnblogs.com/trickofjoker/p/11014500.html
Copyright © 2011-2022 走看看