CuiCui_web的博客

https://blog.youkuaiyun.com/CuiCui_web/article/details/107225702之前这边文章中的方式是利用js来进行控制的，然后有一个局限，不支持适应最大宽度；另外如果强行设置宽度比较大，会被左侧菜单遮挡，即使给z-index:9999,也没用。看下图展示，2种方式解决之前的不足。（后续可能会更新elementUI表格种气泡乱串问题解决方案）公共部分数据定义：data(){ return{ business: { id

具体效果如下:这里的气泡表格单元个格都是要求可以显示换行，这时候气泡非常的长，导致在临界点的时候，会一直闪烁，超多临近点就会显示不全。我们可以给气泡一个最大高度，超过最大高度，就显示滚动条实现方法：<el-table-column label="商品名称" align="left" prop="name"> <template slot-scope="scope"> <el-toolti

在上图中，我们可以看到elementUI中表格的cell设置固定高度为40后，再设置垂直居样式后，不起作用。当你改变display的属性值后，你会发现设置的高度40就没用，他会随着内容的高度而去撑开。这样也不满足需求。这个需求是继上一篇博客https://blog.youkuaiyun.com/CuiCui_web/article/details/106531997设置固定高度，根据高度超出显示气泡之后，新增加了需要垂直居中显示。下面介绍一下如何显示垂直居中：利用插槽的方式进行设置：<templat.

1、IE上弹窗关闭时，会闪烁问题 （在全局加上下面样式）// 防止在IE上弹窗关闭时抖动.el-dialog__wrapper{ &.dialog-fade-leave-active{ -ms-animation:none !important; }}2、IE上打开弹窗，弹窗被遮罩层遮罩在el-dialog标签上加上:append-to-body=...

常规写法这样写就给可以。.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after { //border-top-color: #f0f6fb!important; border-top-color: #0a92d9!important;}.el-tooltip__popper.is-da...

1、/* 解决表格错位问题（表格数据过多会出现滚动条，当筛选后数据过少，没滚动条时会发生错位）*/.el-table th.gutter,.el-table colgroup.gutter{display: table-cell!important;}/解决表格错位问题end/2、/* 表格表头根据单词换行样式 /.el-table th>.cell{word-break: ...

首先返回首页不选中问题，这个时候我们需要查看elementUI的版本r如果是低版本的，需要进行修改版本，重新运行npm install。在这里2.9.2这个版本是支持$route监听的。watch: { '$route'(to, from) { },},如果上面两步完成，返回首页，菜单不选中问题还没解决，那么恭喜你，你成功踩进了另一个坑里。当我们对:d...

修改的效果图如上。下面详细介绍修改的步骤。（通过动态添加类名的方式改进样式）结构部分<el-steps :active="milepostActive" > <el-step v-for="(value, key) in milepost" :class="milepostActive== key+1 ? stepActive: '' "...

首先看一下效果图，再做讲解在el-table中插入某个标签，我们通常是采用插槽的方式进行插入，但是实现图片中的功能的时候，你会发现，步骤条插入就显示出来了，但是用echarts绘制的燃尽图却出不来。打开控制台，你会发现报错了。现在我们来分析一下，报错的原因。因为我们用echart绘制图表的时候，第一行代码首先写的是var myChart = echarts.init(docu...