element
关注
分享
扫一扫
文章平均质量分 61
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
小马甲丫
不要假装很努力，选择比努力重要
展开
-
element中el-cascader级联选择框组件实现一级目录下的末梢节点只能选中一个但是不同一级目录下的末梢节点可以选择多个
最近接了个需求，用element中的选项实现如下2个需求，而且还不止，先做出一些总结。官网中作为级联选择组件，并不能同时支持一级多选，二级单选的功能，只能要么是单选或者多选。不过既然产品提了这个需求，皱着眉头也得上啊。网上也没找到相关特别明显能找到的示例插件，最终只能手撸一个出来。难受😫本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。原创 2024-01-29 12:00:00 · 2599 阅读 · 0 评论 -
element中el-cascader级联选择器只有最后一级可以多选
element-ui中级联选择器只有最后一级可以多选，其它级只有展开子节点的功能，如下图所示：可以观察到最后一级的li节点上没有属性，可以通过这个来隐藏非最后一级节点的来解决此问题本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。原创 2024-01-14 10:56:43 · 5749 阅读 · 4 评论 -
element中el-select多选v-model是对象数组
`element`中的`el-select`的`v-model`一般都是字符串或者字符串数组，但是有些时候后端接口要求该字段要传对象或者对象数组，如果再转换一次数据，对于保存配置和回显都是吃力不讨好的事情。把`el-option`的`value`改成`item`，结果发现竟然会报错 children must be keyed:原创 2023-12-09 00:41:38 · 2574 阅读 · 0 评论 -
avue-crud中时间范围选择默认应该是0点却变成了12点
在`avue-crud`中时间范围选择，正常默认应该是`0`点，但是不知道怎么的了，选完之后就是一直是`12`点。原创 2023-12-03 00:15:00 · 1193 阅读 · 0 评论 -
avue-tabs设置默认选中的tab
最近在用`avue`这个`UI`框架来开发页面，有用到`avue-tabs`这个`tab`切换组件。结果竟然发现`element-ui`中`el-tabs`的`v-model`在`avue-tabs`中竟然是没有用的，无法设置默认选中哪个`tab`。`avue`这个基于`element-ui`开发的`UI`框架竟然没有继承它的属性原创 2023-12-03 00:15:00 · 1287 阅读 · 0 评论 -
element中el-input限制只输入正整数或保留两位小数
常见的el-input可能会限制用户只能输入正整数或保留两位小数，达到输入金额的需求，点击【跳转】访问el-input的官方文档element-ui是有这个组件，但是个人觉得不适用，该组件更适合加减数量，点击【跳转】访问的官方文档本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。原创 2023-12-02 00:15:00 · 9165 阅读 · 4 评论 -
element中el-table表头通过header-row-style设置样式
有些时候需要给`element-ui`表头设置不同样式，比如居中、背景色、字体大小等等，这时就可以用到本文要说的属性`header-row-style`原创 2023-12-02 00:15:00 · 11055 阅读 · 0 评论 -
element中el-form-item设置label-width=‘auto‘报错
`el-form`中的设置了全局标题宽度是`200px`，此时想要对`el-form-item`取消标题宽度，设置了`label-width='auto'`，结果，报错了~~~原创 2023-12-01 00:15:00 · 1949 阅读 · 9 评论 -
element中el-switch的v-model自定义值
element中的el-switch的值默认都是true或false，但是有些时候后端接口该字段可能是0或者1，如果说再转换一次值，那就有点太费力了。原创 2023-11-24 00:15:00 · 1827 阅读 · 0 评论 -
element中el-upload上传文件去掉文件列表
element中el-upload上传文件去掉文件列表原创 2023-11-16 00:15:00 · 3229 阅读 · 0 评论 -
el-upload上传会撑高上传入口，上传完后又变成默认的高度
el-upload上传会撑高上传入口，上传完后又变成默认的高度。原创 2023-11-16 00:15:00 · 452 阅读 · 0 评论 -
vue中data变量数据更新了但是template页面未更新无重新渲染
一看到这个标题，大家肯定就会往的那几种情况去想。但是本篇遇到的问题用那些方法都没法解决，如果大家是需要了解$setsplice怎么更新页面重新渲染的可以另外去搜索相关知识点。原创 2023-11-08 08:00:00 · 1212 阅读 · 0 评论 -
mac电脑使用谷歌浏览器，el-upload上传文件点击没反应
在mac电脑中，使用谷歌浏览器，点击el-upload进行web端的文件上传没反应，但是有些时候使用360极速浏览器又可以，所以让我非常的莫名奇妙。原创 2023-11-06 08:30:00 · 6803 阅读 · 2 评论 -
Vue+ElementUI实现在线动态换肤
实现的原理：版本之后所有的样式都是基于SCSS编写的，所有的颜色都是基于几个基础颜色变量来设置的，所以就不难实现动态换肤了，只要找到那几个颜色变量修改它就可以了。首先我们需要拿到通过拿到element-ui的版本号，根据该版本号去请求相应的样式。拿到样式之后将样色，通过正则匹配和替换，将颜色变量替换成你需要的，之后动态添加style标签来覆盖原有的css样式。原创 2023-10-24 09:00:00 · 1209 阅读 · 10 评论 -
Vue+ElementUI实现多套主题换肤
本地存放多套主题，两者有不同的命名空间，如写两套主题，一套叫day theme，一套叫主题都在一个的命名空间下，我们动态的在body上。原创 2023-10-23 09:00:00 · 2019 阅读 · 0 评论 -
element中el-form-item的slot为label设置el-button的click事件会冒泡到整个label
element中el-form-item的slot为label设置el-button的click事件会冒泡到整个label原创 2023-10-09 08:30:00 · 3000 阅读 · 10 评论 -
el-form-item表单label添加提示图标
element-ui中el-form在编辑表单时，经常会在label添加一些需要提示的东西，可以用到Form-Item 的slot这个方法。原创 2023-10-08 08:45:00 · 4416 阅读 · 0 评论