使用elementui时el-input的属性type=number，仍然可以输入e，其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。方法如下。el-input@keydown.native="handleInput"type="number"v-model="form.number"clearableplaceholder="">/el-input>/el-form-item>handleInput(e){letke
使用ElementUI時，总会自带外边框，写了好多css样式始终不能去除，最终发现是th与td所带的样式。代码如下el-table加class="customer-no-border-table" CSS样式/*去掉表格单元格边框*/.customer-no-border-tableth{border:none;}.customer-no-border-tabletd,.customer-no-border-tableth.is-leaf{border:none;}/*表格最外边框*/.customer-no-border-table.el-table--border,.el-table-
当获取后台数据为空时，列表显示默认空图片，不正确姿势：编辑控制移除发现el-empty默认空图片一直显示不出来，还以为el-empty用法有问题，弄了个空页面，直接加载el-empty发现没有问题。查了一下原来el-table数据为空时，显示默认图片写法不对，正确姿势如下：编辑控制移除这样就能正常显示el-emtpy默认空图片了。
在实际开发实现表格的增删改查的时候，新增和修改通常共用一个弹窗以节省代码量 当我们先点击修改的时候，会对弹窗表单进行赋值，这个时候我们再点击新增，会发现刚刚的表单数据仍然躺在表单中，并且使用resetFields没有清除数据addTask(formName){this.addVisible=truethis.$nextTick(()=>{this.$refs[formName].resetFields()})},//使用this.$nextTick也没有效果其实resetFields()是生效了的，resetFields方法是将值重置为初始值而不是清空，初始值就是刚刚表单里的数据。如果我们要清
1.输入框这样添加的时候calculationFormulaName默认添加的undefined会报错需要更改为:disabled="scope.row.calculationFormulaName==undefined?true:scope.row.calculationFormulaName.length2.列表显示
1、原生的audio控件写法及效果图：由于audio标签原生样式不能修改UI样式，所以需要隐藏原生audio标签，重新写一个控件进行操作audio2、自定义写法及效果图：代码实现：先封装一个组件audioPlayer.vue。注意：需提前安装了ElementPlustemplate>divstyle="margin-top:200px">audio@timeupdate="updateProgress"controlsref="audioRef"style="display:none">source:src="fileurl"type="audio/mpeg"/>您的浏览器不支持音频播放/au
el-tree ref="tree" class="stafftree" :data="devicesTreeData" :props="defaultProps" node-key="id" @node-click="handleNodeClick" :render-content="renderContent" :default-checked-keys="checkedKeys" :default-expanded-keys="defaultExpandedKeys">el-tree>handleNodeClick(item,node,self){this.treeClickId=ite
没有设置样式之前，采用默认样式，界面如下： 模拟代码如下有效无效 为了美观需要修改下样式，使文本框与下拉框的长度一致第一种：添加style属性，采用行内样式修改长度style="width:200px" 第二种：添加class属性，采用内部样式 stule标签中设置长度 .test{ width:200px; }第三种：找到element-ui.scss，采用外部样式//设置form表单输入框，下拉框长度统一.el-form-item{.el-input{width:200px;}.el-select{width:200px;}}
多个表单遍历时，要依次获取各个结果，但是往往拿不到最终结果letflag=truethis.$refs[‘form’].validate(valid=>{flag=valid})console.log(valid)//永远是true原因分析：提示：这里填写问题的分析：element文档里描述了，validate方法参数为一个回调函数，如果不传则返回一个promise解决方案：我们可以在validate的回调参数里放入想执行的方法，也可以不传入回调参数，利用trycatch和asyncawait让表单校验结果变为同步letp=this.$refs[‘form’].validate()try{aw
Bug：ElementUIel-table鼠标滚轮下滑动失灵的情况我测出来的这个问题条件很苛刻，需要达到以下几个条件才会触发：1.elementplus（其他版本没试）2.el-table-column组件有fixed属性时3.template标签中有el-button，并且el-button有size=“small”时4.我的浏览器缩放（Ctrl+滚轮）达到110%时会出现向鼠标滚轮下滑动失灵的情况，经过排查是el-button的size的问题，size为small值时，按钮高度是24，我的做法是给按钮加一个类，改变按钮的默认高度为22px，滚动失效问题完全解决 但是并不能完全解决问题，
