![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
小灰灰城堡
萌萌的小灰灰
展开
-
坑:el-tree复选框动态禁用时,默认勾选的数据不显示
①:首先保证el-tree的树形结构进行递归遍历使用的是this.$set添加disable属性。②:保证default-checked-keys是根节点不是父节点(大坑)原创 2022-02-28 19:35:18 · 1629 阅读 · 2 评论 -
flex布局时el-table不能自适应问题
改变布局方式:使用float:left代替flex也可以参考下面的这个博客,大家试下https://blog.csdn.net/YongChao_bms/article/details/103293607原创 2021-11-14 15:01:19 · 926 阅读 · 0 评论 -
el-table嵌套表单并添加表单验证
注意事项:①:el-form标签要放在table的外面②:表格绑定的数据要作为表单的属性columnAggreForm: { column_type: "text", agg_type: "yes", //表格数据 agg_columns: [{ guid: this.getGuid(),原创 2021-11-14 14:54:18 · 2512 阅读 · 2 评论 -
el-table和Sortable插件实现表格行列拖拽
①:安装Sortable插件:npm install sortablejs --save②:引入import Sortable from 'sortablejs'③:使用<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" align="left"> <el-tabl转载 2021-11-14 13:35:26 · 561 阅读 · 0 评论 -
el-slider中实现视频播放拖拽时,获取不到当前拖拽位置时间
前言:今天搞视频播放,添加视频进度条以及拖拽进度条实现播放对应视频功能。实现进度条还好,直接在el-slider上绑定一个值就行。当视频播放时更新绑定的值就能实现进度条的效果。可是TMD的,拖拽功能浪费了我大半天。el-silder上提供的change方法确实实现了拖拽,但是由于视频播放延迟,当我拖拽的放开鼠标的时候,视频还在播放,这样就导致了我得到的拖拽时间被覆盖了,进度条又回到拖拽之前位置了。所以我想办法解决这问题,在网上看了一些方法,说是在el-slider上绑定moseup事件,监听鼠标抬起原创 2020-11-24 19:08:41 · 1528 阅读 · 3 评论 -
父组件向子组件传值(静态文件里的变量)绑定不到form表单
前言:今天在封装弹框组件的时候,遇到了一个坑,做了新增,查看,修改三个功能,就想把它封装成一个组件,以方便以后使用。下面看截图,跟更清楚。添加功能的效果图(效果图举例):下面说下问题:就是我点击确定的时候,本应该让我填写的数据获取到,可得到的却是为空的对象。渲染是问题的,就是你拿不到填写数据,,但是如果在父组件的mounted中将传递子组件的数据加载就可以,但是这样就不是动态传值了,封装也没意义了。给你们看下我解决办法:就一个给子组件加上条件渲染v-if因为父组件加载的时候子原创 2020-09-24 20:14:59 · 598 阅读 · 0 评论 -
element-ui中Dropdown下拉菜单触发点击的2种使用方法
原创 2020-09-16 09:36:31 · 5584 阅读 · 0 评论 -
设置el-progress渐变背景色
前言:前天做个修改element-ui背景色的需求,要改成渐变色,看了看官方文档也没提供这个属性,这我就头大了,查询了好多资料,才知道,修改成渐变的要修改原生的代码。因为element-ui中的环形进度条使用的svg,想要修改背景色,需要修改svg中path的sth的stroke属性。步骤:①:拷贝代码,在官方解析的代码中添加defs标签,id为blue②:修改path中的stroke的值stroke="url(#blue)"。具体介绍如下:先来看下未修改环形进度条的效果和使用el-原创 2020-09-06 14:00:51 · 8737 阅读 · 5 评论 -
element-ui 日期选择控件提交数据少一天
解决办法:在控件加一个:value-format="yyyy-MM-dd" 就可以解决<el-date-picker type="date" value-format="yyyy-MM-dd" v-model="date" style="width: 100%;"></el-date-picker>原创 2020-08-05 20:03:38 · 332 阅读 · 0 评论