首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
ElementUI
水冗水孚
创建于2021-07-14
订阅专栏
记录一下ElementUI,好记性不如烂笔头
等 68 人订阅
共56篇文章
创建于2021-07-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
el-select自定义指令用于触底加载分页请求options数据(附上完整代码和接口可直接用)
问题描述 某些情况下,下拉框需要做触底加载,发请求,获取option的数据 为了方便复用,笔者封装了一个自定义指令 另外也提供了一个简单的接口,用于演示 我们先看看效果图 效果图 思路分析 注意事项一
什么?都2023年了你居然还不会table表头单元格合并?(附el-table单行、多级表头多个案例)
本文正在参加「金石计划」 问题描述 本文记录el-table表头合并的多种情况,并提出对应解决方案,估计能帮到部分道友 原生table知识点复习 我们知道:一个简单的table表格一般由一个或多个tr
elementui源码学习之仿写一个el-button
--- theme: cyanosis --- > 本篇文章记录仿写一个`el-drawer`组件细节,从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的
elementui源码学习之仿写一个el-progress(横向进度条)
本文正在参加「金石计划 . 瓜分6万现金大奖」 组件分析 组件效果图 我们先看下组件效果图: 仪表盘组件介绍 进度条组件一般分为三种,一种是横向进度条(最为常用)、另两种是圆形进度条和仪表盘形进度条,
elementui源码学习之仿写一个el-drawer
什么是抽屉drawer组件 同弹框dialog组件类似,UI展示略有不同 一般抽屉是左右防线弹出和收回,上下方向不多 可在抽屉内部进行代码补充操作 某些情况下,抽屉组件比弹框组件更加好用一些 笔者关于
elementui源码学习之仿写一个el-tooltip
“我报名参加金石计划1期挑战——瓜分10万奖池,这是我的第2篇文章,点击查看活动详情” https://github.com/shuirongshuifu/elementSrcCodeStudy 前言
elementui源码学习之仿写一个el-switch
“我报名参加金石计划1期挑战——瓜分10万奖池,这是我的第1篇文章,点击查看活动详情” switch组件思考 组件功能作用 switch组件一般是表示开关状态或者两种状态之间的切换,如点击开启网站的夜
elementui源码学习之仿写一个el-collapse
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第8天,点击查看活动详情 >> 组件思考 el-collapse即为折叠面板的意思,一般主要是用于:对复杂区域进行分组和隐藏,保持页
elementui源码学习之仿写一个el-link
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第6天,点击查看活动详情 >> 组件思考 简而言之,el-link组件就是给a标签包了一层,加上一些样式。故link组件除了拥有a标
elementui源码学习之仿写一个el-timeline
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情 >> 组件分析 组件构成部分 时间线组件构成部分可分为四部分: 时间线小圆点 时间线竖线条 时间戳 具体内
elementui源码学习之仿写一个el-bread
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第2天,点击查看活动详情 >> https://github.com/shuirongshuifu/elementSrcCodeSt
elementui源码学习之仿写一个el-tag
组件需求分析 关于tag组件,主要是用于展示一些标签信息,一般的需求有如下: tag标签文字颜色自定义 tag标签背景色自定义 tag标签边框颜色自定义 控制是否展示关闭tag标签小叉号图标 自定义t
elementui源码学习之仿写一个el-divider
组件需求分析 关于分割线的组件,一般使用的场景有: 分割线之水平分割(如:段落与段落之间分隔) 水平分割线加上文字描述(文字描述位置一般是位于分割线的左侧、居中、右侧) 分割类型之垂直分割(横向的行内
elementui源码学习之仿写一个el-card
个人愚见 关于卡片card组件,一般在使用中,主要还是card的交互效果,比如阴影效果。饿了么官方提供的card组件除了通过传参控制阴影出现的时机,额外还提供了一个卡片头部插槽。好是好,不过一般用不到
elementui源码学习之仿写一个el-tabs
知识点复习 为了更好的阅读后续代码,我们需要再来复习一下知识 vue中的render函数书写jsx语法 vue中我们写组件页面,常常是结构、逻辑、样式分离,如: 如果大家熟悉react语法,就会发现,
elementui源码学习之仿写一个el-badge标记
知识点复习 还是像往常一样,为了便于更好的理解代码,咱们先复习一下,el-badge组件中使用的一些曝光度不是非常高的知识点api sup和sub标签 sup标签可定义文本上标内容(如平方、立方、未读
elementui源码学习之仿写一个el-message
问题描述 工作中虽然使用工具库很快乐很高效,但我们还是要抽空看看工具库的源码,因为源码中会用到一些不经常使用的api方法,记住这些api方法,可提升自己的编程能力,有助于以后封装自己的工具库,从而更好
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个
v-for中动态校验el-form表单项代码示例
问题描述 在项目开发中,我们经常会遇到表单保存的功能,在表单保存前,常常需要做表单必填项的校验,校验通过以后才去发请求保存表单数据。 但是,这个表单如果是动态的,即:可以新增相同的表单。比如这个表单有
el-table两个表尾合计行联动同步滚动条代码
问题描述 最近产品提出一个需求,说是做表格呈现统计数据,不过数据源是来自两个地方的,所以需要做两个表格去呈现数据,同时在表格最后统计数据。 效果图 我们先看一下效果图 思路 获取对应的两个表格设置滚动
下一页