qq_42431718的博客

element ui table表格内容超出省略看到有小伙伴在代码里自己手动去添加CSS来实现，害，又是一个不看文档的反面例子，其实只要加个show-overflow-tooltip就可以了，还自带tooltip效果，不香吗？<el-table-column label="客户名称" prop="customerName" show-overflow-tooltip></el-table-column>...

element ui table 内嵌 input 调用 focus 方法无效<el-table> <el-table-column label="名称"> <template> <el-input ref="inputRef" /> </template> </el-table-column></el-table>// 无效this.$refs['inputRef'].focu

elementui table表格跨分页多选看到项目里有小伙伴手动添加代码去处理这个问题，其实根据文档，只需加上row-key和reserve-selection即可。<el-table row-key="id"> <el-table-column type="selection" reserve-selection></el-table-column></el-table>...

element ui 表头与内容错位网上也有其他一些办法，但我记得对我没什么作用，后来我是用下面这个办法：// 全局设置.el-table--scrollable-y .el-table__body-wrapper { overflow-y: overlay !important;}

elementui 弹窗重新打开时表单上次的校验信息未清除有人会在open时在$nextTick里重置表单，而我选择在关闭时进行重置。<el-dialog @close="onClose"> <el-form ref="form"> </el-form></el-dialog>// 弹窗关闭时重置表单onClose() { this.$refs['form'].resetFields()}...

elementui 只校验表单其中一个字段在一些用户注册场景中，提交整个表单前有时候我们会做一些单独字段的校验，例如发送手机验证码，发送时我们只需要校验手机号码这个字段，可以这样做：this.$refs['form'].validateField('mobile', valid => { if (valid) { // 发送验证码 }})...

elementui table 表格固定列最后一行显示不全这种情况有时在宽度刚好处于临界值状态时会出现。因为固定列是独立于表格body动态计算高度的，出现了固定列高度小于表格高度所以造成最后一行被遮挡。// 设置全局.el-table__fixed-right { height: 100% !important;}...

ElementUI 问题清单总结1、表格固定列最后一行显示不全这种情况有时在宽度刚好处于临界值状态时会出现。因为固定列是独立于表格body动态计算高度的，出现了固定列高度小于表格高度所以造成最后一行被遮挡。// 设置全局.el-table__fixed-right { height: 100% !important;}2、输入框用正则限制但绑定值未更新<el-input v-model="form.retailMinOrder" placeholder="请输入"