![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui之坑
Naaaano
这个作者很懒,什么都没留下…
展开
-
在el-dialog中无法正确获取DOM的问题
今天工作中有个需求是,在一个弹出框里放Echarts图表。众所周知Vue里是在mounted生命周期里才能获取到DOM,于是我理所应当的:mounted() { let diameter= document.getElementById("diameter"); let diameterOption = {...}; echarts.init(diameter).setOption(diameterOption);}报错,找不到DOM,无法生成echarts。但mounted里不应该发生这种情原创 2022-01-06 18:22:55 · 1999 阅读 · 1 评论 -
如何将el-table多选表格变为单选形式
在使用饿了么表格的时候,发现官方默认的单选表格是点击表格行选中,只有一个变色提示,很容易被误认为只是hover,如下图:而在较为严谨的后台项目里,我们需要给用户一个明确的选中感。于是乎,我们可以对默认的多选表格进行一些改造实现我们的目的,先放效果图:直接上代码,HTML部分:<el-table :data="sequenceList" ref="sequenceTable" style="width: 100%" @select="selectRow" class="checkTable"&原创 2022-01-04 16:50:56 · 3958 阅读 · 0 评论 -
表单el-form中若有日期时间选择器el-date-picker时校验的坑
场景:在表单中对日期时间选择器做单个表单项的校验,话不多说上代码<el-form-item label="随访时间" prop="followUpTime" :rules="[{ type: 'date', required: true, message: '请选择随访时间', trigger: 'change' }]"> <el-date-picker v-model="followForm.followUpTime" type=原创 2021-12-15 11:46:35 · 6795 阅读 · 5 评论 -
el-dropdown下拉框不对齐问题
今天在写后台的时候很蛋疼的发现el-dropdown下拉选择插件的下拉框居然错位了,如下图:可以很明显的看到这个下拉框的位置有些向左边偏,身为强迫症的我不能忍!!一顿排查后发现仅仅是因为下拉菜单的题目是2个字,上面的div长度太短导致的。我首先想到直接去改个css样式完事,由于elementUI的各种下拉框都是基于popper.js动态计算绝对定位的位置,每次屏幕大小变化或者重新打开下拉框都会重置该框的样式,没法改left值,于是加了这段代码:.el-dropdown-menu { margin-原创 2021-12-14 15:29:14 · 4738 阅读 · 0 评论