![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
渣渣砖
这个作者很懒,什么都没留下…
展开
-
ElementUI浅尝辄止38:Upload 上传
通过点击或者拖拽上传文件实现上传功能,常见于文件、文件夹或图片上传,使用挺频繁的原创 2023-09-08 18:15:19 · 970 阅读 · 0 评论 -
ElementUI浅尝辄止37:Select 选择器
为了启用远程搜索,需要将filterable和remote设置为true,同时传入一个remote-method。remote-method为一个Function,它会在输入值发生变化时调用,参数为当前输入值。需要注意的是,如果el-option是通过v-for指令渲染出来的,此时需要为el-option添加key属性,且其值需具有唯一性.原创 2023-09-08 17:56:26 · 1289 阅读 · 0 评论 -
ElementUI浅尝辄止36:Input 输入框
autocomplete 是一个可带输入建议的输入框组件,fetch-suggestions 是一个返回输入建议的方法属性,如 querySearch(queryString, cb),在该方法中你可以在你的输入建议数据准备好时通过 cb(data) 返回到 autocomplete 组件中。原创 2023-09-08 17:31:02 · 1520 阅读 · 0 评论 -
ElementUI浅尝辄止35:Checkbox 多选框
一组备选项中进行多选。原创 2023-09-08 17:00:15 · 1580 阅读 · 0 评论 -
ElementUI浅尝辄止34:Radio 单选框
在一组备选项中进行单选。原创 2023-09-07 03:11:10 · 2012 阅读 · 0 评论 -
ElementUI浅尝辄止33:Form 表单
对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise原创 2023-09-07 02:24:00 · 678 阅读 · 0 评论 -
ElementUI浅尝辄止32:NavMenu 导航菜单
为网站提供导航功能的菜单。原创 2023-09-06 00:39:59 · 1621 阅读 · 0 评论 -
ElementUI浅尝辄止31:Tabs 标签页
选项卡组件:分隔内容上有关联但属于不同类别的数据集合。原创 2023-09-06 00:32:40 · 2112 阅读 · 0 评论 -
ElementUI浅尝辄止30:PageHeader 页头
如果页面的路径比较简单,推荐使用页头组件而非面包屑组件。原创 2023-09-06 00:02:10 · 1511 阅读 · 0 评论 -
ElementUI浅尝辄止29:Breadcrumb 面包屑
显示当前页面的路径,快速返回之前的任意页面。原创 2023-09-05 23:58:28 · 1450 阅读 · 0 评论 -
ElementUI浅尝辄止28:Dropdown 下拉菜单
将动作或菜单折叠到下拉菜单中。原创 2023-09-05 23:49:43 · 3429 阅读 · 0 评论 -
ElementUI浅尝辄止27:Steps 步骤条
引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。原创 2023-09-05 22:13:24 · 3512 阅读 · 0 评论 -
ElementUI浅尝辄止26:Notification 通知
Notification 组件提供通知功能,Element 注册了$notify方法,接收一个options字面量参数,在最简单的情况下,你可以设置title字段和message字段,用于设置通知的标题和正文。默认情况下,经过一段时间后 Notification 组件会自动关闭,但是通过设置duration,可以控制关闭的时间间隔,特别的是,如果设置为0,则不会自动关闭。注意:duration接收一个Number,单位为毫秒,默认为4500。原创 2023-09-04 22:35:15 · 1457 阅读 · 0 评论 -
ElementUI浅尝辄止25:MessageBox 弹框
可自定义配置不同内容。以上三个方法都是对$msgbox方法的再包装。本例直接调用$msgbox方法,使用了showCancelButton字段,用于显示取消按钮。另外可使用cancelButtonClass为其添加自定义样式,使用cancelButtonText来自定义按钮文本(Confirm 按钮也具有相同的字段,在文末的字段说明中有完整的字段列表)。此例还使用了beforeClose属性,它的值是一个方法,会在 MessageBox 的实例关闭前被调用,同时暂停实例的关闭。原创 2023-09-04 22:21:51 · 2708 阅读 · 2 评论 -
ElementUI浅尝辄止24:Message 消息提示
常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。原创 2023-09-04 22:03:26 · 2023 阅读 · 0 评论 -
ElementUI浅尝辄止23:Loading 加载
Element 提供了两种调用 Loading 的方法:指令和服务。对于自定义指令v-loading,只需要绑定Boolean即可。默认状况下,Loading 遮罩会插入到绑定元素的子节点,通过添加body修饰符,可以使遮罩插入至 DOM 中的 body 上。原创 2023-09-04 21:52:30 · 2813 阅读 · 0 评论 -
ElementUI浅尝辄止22:Alert 警告
用于页面中展示重要的提示信息。原创 2023-09-04 21:35:46 · 2120 阅读 · 0 评论 -
ElementUI浅尝辄止21:Tree 树形控件
*由于在点击节点时才进行该层数据的获取,默认情况下 Tree 无法预知某个节点是否为叶子节点,所以会为每个节点添加一个下拉按钮,如果节点没有下层数据,则点击后下拉按钮会消失。同时,你也可以提前告知 Tree 某个节点是否为叶子节点,从而避免在叶子节点前渲染下拉按钮。}, 500);原创 2023-09-04 21:21:48 · 1554 阅读 · 0 评论 -
ElementUI浅尝辄止20:Pagination 分页
分页组件常见于管理系统的列表查询页面,数据量巨大时需要分页的操作。当数据量过多时,使用分页分解数据。原创 2023-09-03 18:04:40 · 1048 阅读 · 0 评论 -
ElementUI浅尝辄止19:Badge 标记
Badge标记组件原创 2023-09-03 17:49:31 · 1882 阅读 · 0 评论 -
ElementUI浅尝辄止18:Avatar 头像
用图标、图片或者字符的形式展示用户或事物信息。常用于管理系统或web网站的用户头像,在用户账户模块更换头像操作也能看到关于Avatar组件的应用。原创 2023-09-03 17:41:34 · 2436 阅读 · 0 评论 -
ElementUI浅尝辄止17:Progress 进度条
进度条组件用于展示操作进度,告知用户当前状态和预期。原创 2023-09-03 17:31:11 · 2490 阅读 · 0 评论 -
ElementUI浅尝辄止16:Tag 标签
用于标记和选择。原创 2023-09-02 16:50:36 · 2541 阅读 · 0 评论 -
ElementUI浅尝辄止15:Table 表格
用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。原创 2023-09-02 16:36:11 · 1430 阅读 · 0 评论 -
ElementUI浅尝辄止14:Carousel 走马灯
在有限空间内,循环播放同一类型的图片、文字等内容。原创 2023-09-02 15:42:15 · 1826 阅读 · 0 评论 -
Element浅尝辄止13:Collapse 折叠面板
通过折叠面板收纳内容区域原创 2023-09-02 15:25:58 · 1044 阅读 · 0 评论 -
Element浅尝辄止12:Timeline 时间线组件
Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity,时间戳是其区分于其他控件的重要特征,使⽤时注意与 Steps 步骤条等区分。原创 2023-08-28 18:52:44 · 1010 阅读 · 0 评论 -
Element浅尝辄止11:Calendar日历组件
通过设置名为 dateCell 的 scoped-slot 来自定义日历单元格中显示的内容。原创 2023-08-28 18:39:18 · 526 阅读 · 0 评论 -
Element浅尝辄止10:Image组件
图片容器,在保留原生img的特性下,支持懒加载,自定义占位、加载失败等。原创 2023-08-28 18:25:42 · 573 阅读 · 0 评论 -
Element浅尝辄止9:Popover 弹出框组件
Popover 的属性与 Tooltip 很类似,它们都是基于Vue-popper开发的,因此有重复属性。原创 2023-08-28 17:56:12 · 1894 阅读 · 0 评论 -
Element浅尝辄止8:Tooltip 文字提示组件
常用于展示鼠标 hover 时的提示信息。原创 2023-08-28 17:17:41 · 1558 阅读 · 0 评论 -
element浅尝辄止7:InfiniteScroll 无限滚动
滚动加载:滚动至底部时,加载更多数据。原创 2023-08-27 17:56:49 · 1114 阅读 · 0 评论 -
Element组件浅尝辄止6:Dialog 对话框组件
Dialog 对话框组件:在保留当前页面状态的情况下,告知用户并承载相关操作。大白话就是弹窗组件,日常开发中比较常见原创 2023-08-27 13:29:25 · 2174 阅读 · 2 评论 -
Element组件浅尝辄止5:Empty 空状态组件
empty组件常见于业务开发中。原创 2023-08-10 19:14:40 · 1177 阅读 · 0 评论 -
Element组件浅尝辄止4:Button组件
Button按钮组件:用途太广泛了,几乎参与到了日常开发中的方方面面。原创 2023-08-10 18:55:40 · 684 阅读 · 0 评论 -
Element组件浅尝辄止3:Divider 分割线组件
Divider组件:区隔内容的分割线。看名字就明白日常使用场景了--分割页面空间。原创 2023-08-10 18:19:04 · 1130 阅读 · 0 评论 -
Element组件浅尝辄止2:Card卡片组件
根据官方说法:将信息聚合在卡片容器中展示。原创 2023-08-10 17:51:16 · 2149 阅读 · 0 评论 -
Element组件浅尝辄止1:抽屉组件
平时开发中涉及弹窗的情景,一般都会选用dialog组件,其内部封装的相当优雅,方便我们使用;但是当你的文本内容或表单很长, 亦或是你需要临时展示一些图标或文档,Dialog组件可能并不满足我们的需求,这时可以用抽屉组件Drawer来解决问题。原创 2023-08-10 17:22:14 · 1426 阅读 · 0 评论 -
element组件系列:autocomplete再次搜索时,清空上次搜索内容
autocomplete组件常用,针对于它的各种解决方案也很多,下面只是其中一种。原创 2023-02-02 23:58:36 · 1245 阅读 · 0 评论