element-ui
一码平川!
这个作者很懒,什么都没留下…
展开
-
解决elementui table固定列的时候,滚动条被遮挡无法拖动的问题,有效
当我们使用element table,有时我们需要部分的列固定,我们就给列添加了fxied属性,但是这时候你会发现table的横向滚动条很难拖动,查找原因你会发现原来是固定的列把滚动条给挡住了,只有超出固定的部分滚动条才可以拖动。解决办法:1.修改el-table__fixed样式.el-table { .el-table__fixed { height:auto !important; bottom:17px !important; } }.原创 2021-11-01 12:21:07 · 2323 阅读 · 4 评论 -
element-ui的table表格数据选择,分页,跨页保存数据的方法
我们使用element-ui的table表格时,难免有一些场景需要多选框,如果数据只有一页还好,如果是含有分页,那么你在第一页选择后,再点到第二页选择,你会发现第一页的选择的数据已经没有了。那怎么才能让我们保存第一页的数据到第二页呢。一开始用的时候没发现element-uitable已经提供了办法,所以就采用缓存的方式,但是这样的缺点就是类似点第二页有点回第一页,还有就是数据的添加和撤销会变得比较难。正确的解决办法是:在选择框的标签上添加 :reserve-selection="tr...原创 2021-11-01 12:24:41 · 1208 阅读 · 0 评论 -
element-ui的输入框无法输入,时间选择器无法选择和输入解决办法。
无法输入分两种情况:1.第一种:组件层级太深,导致视图没法刷新,但是数据是已经变化了的。这时候在输入框绑定事件@input="$forceUpdate()"即可解决2.第二种,数据引用太深,导致输入的时候数据都是没变的,我实际项目中就是遇到这样的问题,如下。场景是这样的,我这个弹窗的数据是来自上一个弹窗的,如下图:但是发现添加后的输入框是没法输入的,一开始我用了@input="$forceUpdate()",但是没有任何作用,多次测试后,我猜测是数据的问题。下面这两张是我没解决之前的原创 2021-12-03 10:33:06 · 2052 阅读 · 0 评论 -
element-ui 的dialog关闭很慢,有延迟
当dialog的数据很多时,你会发现关闭dialog会很卡,解决办法就是关闭前先把渲染的数据清空就关闭及好多了。原创 2021-12-03 10:44:08 · 4262 阅读 · 2 评论 -
element - ui 的el-input输入框无法输入的问题
一次在项目中,发现el-input无法输入,查阅了相关文档,发现可能是组件层级过深导致视图无法刷新。解决办法是在el-input上绑定@input="$forceUpdate"<el-input v-model.number="form.frm_order_no" placeholder="报损订单号" @input="orderNoChange"></el-input>orderNoChange() { this.$forceUpdate(); },原创 2021-12-03 10:45:18 · 2965 阅读 · 0 评论