![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
浮生666
只为代码更简洁,向更好,更快的方向发展。
展开
-
element 表格里,每一行都循环使用el-popover组件,关闭按钮失效问题如何解决?
代码如下,拿去就用:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <style> .item:hover原创 2022-03-02 16:55:26 · 1330 阅读 · 0 评论 -
element 下拉框如何套输入框?
代码如下:<el-form-item> <el-input v-model="formData.number" placeholder="请输入账号" clearable> <el-select v-model="formData.type" slot="prepend" placeholder="请选择类型"> <el-option label="微信" value="1"></el-option> <e原创 2022-01-06 14:23:29 · 1406 阅读 · 0 评论 -
element 表格翻页勾选带分页(记忆勾选)如何实现?
不多bb,代码拿走不谢,代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body> <di原创 2021-12-24 09:48:26 · 1414 阅读 · 1 评论 -
手写element 级联面板如何实现?
<!DOCTYPE html><html><head> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <meta charset="UTF-8"> <!-- import CSS --> <style>原创 2021-09-17 11:34:20 · 1179 阅读 · 1 评论 -
element 下拉菜单el-dropdown如何更改样式?
<el-dropdown trigger="click" placement="bottom"> <span class="el-dropdown-link"> 下拉菜单 </span> <el-dropdown-menu slot="dropdown" class="header-new-drop"> <el-dropdown-item>菜单1</el-dropdown-item> <el-d原创 2021-09-14 16:01:34 · 10244 阅读 · 5 评论 -
element-ui中 el-popover组件如何改变背景色和小三角箭头?
使用过el-popover组件的同学都会发现,直接修改背景色是修改不掉的,重新定义一个类名就可以了,代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.c原创 2021-09-01 13:54:09 · 9670 阅读 · 4 评论 -
element-ui的滚动条组件el-scrollbar(官方没有写)
//在使用时要设置外层容器高度。并且要设置el-scrollbar 的高度为100%<div style="height:600px;"> <el-scrollbar style="height:100%"> <div style="width:700px;height:700px;border:solid;" > test </div> </el-scrollbar> &l原创 2021-09-01 12:48:00 · 260 阅读 · 0 评论 -
element 日期组件怎么更改placeholder的字体颜色?
/deep/ .el-input__inner,/deep/ .el-date-editor .el-range-input { color: #fff; &::placeholder { color: #fff; } &::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #fff; } &:-moz-placeholder { /* Mozill原创 2021-08-16 23:36:05 · 1333 阅读 · 0 评论 -
element 中 input设置了type=“number“还能输入e和负数的问题如何解决?
使用onkeypress事件结合String.fromCharCode去实现代码如下:<el-input v-model="name" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));"/>原创 2021-06-21 16:03:54 · 1700 阅读 · 0 评论 -
element选择周日期组件如何获取选中周的开始日期和结束日期
代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app"&原创 2020-11-30 16:21:31 · 3722 阅读 · 0 评论 -
element ui修改组件样式失效,使用/deep/报错,怎么处理?
//使用::v-deep即可,例如下方写法::v-deep .el-table th{ background-color: #ccc !important;}原创 2020-11-02 18:00:54 · 2884 阅读 · 3 评论 -
element-ui 自定义日历组件calendar怎么实现?
最近做了一个自定义日历组件的功能,主要是对某些日期添加不同的标记,效果图如下:话不多说,代码如下,拿去即用:<template> <div> <el-col class="dayEL" :span="12"> <el-calendar style="height: 530px;" v-model="nowdate"> <template #dateCell="{data}"> <原创 2021-08-04 11:20:15 · 4254 阅读 · 3 评论