Web176教程
  • HTML
    • bootstrap4 教程
    • bootstrap5 教程
    • Canvas 教程
    • Canvas API
    • CSS 教程
    • CSS3 教程
    • HTML 教程
    • HTML5 教程
    • Less 教程
    • Sass 教程
    • SVG 教程
    • W3.CSS 教程
    • WebSockets 教程
    • XML DOM 教程
    • XHTML 教程
  • JavaScript
    • AngularJS 教程
    • Angular13 教程
    • AJAX 教程
    • JavaScript 教程
    • Vue2.0 教程
    • Vue3.0 教程
    • Axios 教程
    • Vue CLI 基础教程
    • React 教程
    • TypeScript 教程
    • Vant 教程
    • RequireJS 教程
    • JSON 教程
    • Ext.js 教程
    • ECMAScript 6 教程
    • jQuery EasyUI 教程
    • Next.js 教程
    • Nuxt.js 教程
    • RxJS 教程
    • RIOT.JS 教程
    • MomentJS 教程
    • WebGL 教程
    • Polymer 教程
    • Redux 教程
    • WebRTC 教程
    • Prototype 教程
    • Meteor 教程
    • CoffeeScript 教程
    • Ember 对象模型
    • Vant3 教程
    • Vant4 教程
    • ElementPlus 教程
    • Element-React 教程
  • 后端开发
    • Java 教程
    • Go 语言
    • ASP.NET 教程
    • C++ 教程
    • C# 教程
    • Hadoop 教程
    • R语言
    • Ruby 教程
    • JSP 教程
    • Python 教程
    • Yii 框架教程
    • Zend framework 教程
    • Apache CXF 教程
    • VB.Net 教程
    • VBScript 教程
    • Julia 教程
    • Perl 教程
    • Lua 教程
    • Kotlin 教程
    • MATLAB 教程
    • Spring Boot 教程
    • VBA 语言教程
  • 移动开发
    • Android 教程
    • Android SDK 指南
    • CrossApp 教程
    • Cordova 教程
    • Flutter 教程
    • Knockout 教程
    • HomeKit App 教程
    • iOS 开发手册
    • ionic 教程
    • React Native 教程
    • Swift 教程
    • Sencha Touch 教程
    • uni-app 教程
    • 小程序云开发学习指南
    • 云开发 – 云函数实现后端能力
  • 服务器
    • DOS 命令学习手册
    • Docker 从入门到实践
    • Dart 编码教程
    • Linux 教程
    • Nginx 教程
    • OAuth 2.0 教程
    • RDF 教程
    • Web Service 教程
    • UNIX 教程
  • 数据库
    • Cassandra 教程
    • MariaDB 教程
    • Memcached 教程
    • MongoDB 教程
    • Moralis Web3 企业级API
    • MS Access 教程
    • MyBatis 教程
    • MySQL 教程
    • neo4j 教程
    • Oracle 教程
    • Redis 教程
    • SQL 教程
    • Slick 教程
    • Spark 教程
    • Storm 教程
    • SQLite 教程
    • 云数据库OceanBase教程
  • 建站
    • Arduino 教程
    • Django 教程
    • FastAPI 教程
    • Flask 教程
    • Flask 中文教程
    • GoFrame 教程
    • Groovy 教程
    • Go Gin教程
    • Hibernate 教程
    • HTTP 教程
    • iris 教程
    • jUnit 教程
    • JFinal 教程
    • Python Tornado教程
    • Revel 教程
    • Servlet 教程
    • Struts2 教程
    • Swoole 教程
    • Spring IoC 教程
    • SWING 教程
    • WordPress 教程
    • WPF 教程
    • MyBatis-Plus 教程
    • Gin 教程
  • 开发工具
    • Apache Ant 教程
    • Chrome 开发工具
    • Composer 教程
    • Electron 教程
    • Flex 教程
    • Git 在线教程
    • Gradle 教程
    • Grunt 教程
    • HBuilder 教程
    • Maven 教程
    • Tableau 教程
    • Verilog 教程
    • Visual Studio Code 教程
    • Vite教程
    • Webpack 教程
    • 正则表达式
  • MORE
    • 问答社区
    • 资讯
      • 前端开发
      • 办公
      • SEO
登录 注册
投稿

Element-React 教程

基于React 的组件库 Element 手册说明 Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。

  1. Web176教程首页
  2. Element-React 教程
  • Element-React 教程简介

    今天我们来学习下Element-React 教程。 Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。由…

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React 开发指南

    Element 组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。以英文为例,在 main.js 中: import { i18n } from element-re…

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React 国际化

    Element 组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。以英文为例,在 main.js 中: import { i18n } from element-re…

    admin admin
    Element-React 教程 2023年5月11日
  • Element-React Layout 布局

    通过基础的 24 分栏,迅速简便地创建布局。 基础布局 使用单一分栏创建基础的栅格布局。 通过 Row 和 Col 组件,并通过 Col 组件的 span 属性我们就可以自由地组合…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    Element-React 教程 2023年5月11日
  • Element-React Color 色彩

    Element 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。 主色 Element 主要品牌颜色是鲜艳、友好的蓝色。 辅助色 除了…

    冒牌SEO 冒牌SEO
    Element-React 教程 2023年5月11日
  • Element-React Typography 字体

    我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。 中文字体 英文/数字字体 Font-family 代码 font-family: “Helvetica Neue”,…

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React Button按钮

    常用的操作按钮。 基础用法 基础的按钮用法。Button 组件默认提供7种主题,由type属性来定义,默认为default。 render() { return ( <div…

    admin admin
    Element-React 教程 2023年5月11日
  • Element-React Radio 单选框

    在一组备选项中进行单选 基础用法 由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。 要使用 Radio 组件,需要设置value绑定变量,可以通过check…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    Element-React 教程 2023年5月11日
  • Element-React Checkbox 多选框

    一组备选项中进行多选 基础用法 单独使用可以表示两种状态之间的切换。 简单的 Checkbox,使用checked切换选中状态。 render() { return <Che…

    冒牌SEO 冒牌SEO
    Element-React 教程 2023年5月11日
  • Element-React Input 输入框

    通过鼠标或键盘输入字符 基础用法 render() { return <Input placeholder=”请输入内容” /> } 禁用状态 通过 disabled …

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React Select 选择器

    当选项过多时,使用下拉菜单展示并选择内容。 基础用法 适用广泛的基础单选 value的值为当前被选中的Option的 value 属性值 constructor(props) { …

    admin admin
    Element-React 教程 2023年5月11日
  • Element-React Cascader 级联选择器

    当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。 基础用法 有两种触发子菜单的方式 只需为 Cascader 的options属性指定选项数组即可渲染出一个级联选…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    Element-React 教程 2023年5月11日
  • Element-React Switch 开关

    表示两种相互对立的状态间的切换,多用于触发「开/关」。 基本用法 绑定value到一个Boolean类型的变量。可以使用onText属性与offText属性来设置开关的文字描述,使…

    冒牌SEO 冒牌SEO
    Element-React 教程 2023年5月11日
  • Element-React Slider 滑块

    通过拖动滑块在一个固定区间内进行选择 基础用法 在拖动滑块时,显示当前值 通过设置绑定值自定义滑块的初始值 constructor(props) { super(props); t…

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React Date Picker 日期选择器

    用于选择或输入日期 选择日 以「日」为基本单位,基础的日期选择控件 基本单位由type属性指定。快捷选项需配置shortcuts,禁用日期通过 disabledDate 设置,传入…

    admin admin
    Element-React 教程 2023年5月11日
  • Element-React DateTimerPicker 日期时间选择器

    在同一个选择器里选择日期和时间 日期和时间点 通过设置isShowTime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。 co…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    Element-React 教程 2023年5月11日
  • Element-React Upload 上传

    通过点击或者拖拽上传文件 点击上传 通过 tip属性 你可以传入自定义的上传按钮类型和文字提示。 render() { const fileList = [ {name: food…

    冒牌SEO 冒牌SEO
    Element-React 教程 2023年5月11日
  • Element-React Rate 评分

    评分组件 基本用法 评分被分为三个等级,可以利用颜色对分数及情感倾向进行分级(默认情况下不区分颜色)。三个等级所对应的颜色用过colors属性设置,而它们对应的两个阈值则通过 lo…

    terry terry
    Element-React 教程 2023年5月11日
  • Element-React Transfer 穿梭框

    基础用法 Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该…

    admin admin
    Element-React 教程 2023年5月11日
  • Element-React From 表单

    由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据 典型表单 包括各种表单项,比如输入框、选择器、开关、单选框、多选框等。 在 Form 组件中,每一个表单域由一…

    唐伯虎点蚊香的头像 唐伯虎点蚊香
    Element-React 教程 2023年5月11日
  • 1 / 2
  • 1
  • 2
  • 下一页

element-react 教程列表

  • Element-React 教程简介
  • Element-React 开发指南
  • Element-React 国际化
  • Element-React Layout 布局
  • Element-React Color 色彩
  • Element-React Typography 字体
  • Element-React Button按钮
  • Element-React Radio 单选框
  • Element-React Checkbox 多选框
  • Element-React Input 输入框
  • Element-React Select 选择器
  • Element-React Cascader 级联选择器
  • Element-React Switch 开关
  • Element-React Slider 滑块
  • Element-React Date Picker 日期选择器
  • Element-React DateTimerPicker 日期时间选择器
  • Element-React Upload 上传
  • Element-React Rate 评分
  • Element-React Transfer 穿梭框
  • Element-React From 表单
  • Element-React Table 表格组件
  • Element-React Tag 标签
  • Element-React Tree 树形控件
  • Element-React Pagination 分页
  • Element-React Badge 标记
  • Element-React Alert 警告
  • Element-React Message 消息提示
  • Element-React Message Box 弹框
  • Element-React Notification 通知
  • Element-React NavMenu 导航菜单
  • Element-React Breadcrumb面包屑
  • Element-React Dropdown 下拉菜单
  • Element-React Steps 步骤
  • Element-React Dialog 对话框
  • Element-React Popover 弹出框
  • Element-React Card 卡片
  • Element-React Carousel 走马灯
  • Element-React Collapse 折叠面板
Web176教程
  • 首页
  • 教程汇总
  • 网站地图

Copyright © 2024 Web176教程 All right reseved. 粤ICP备12067512号