草庐IT

cdata-section-elements

全部标签

Element UI <el-table>去除外边框

 使用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-

element ui el-table 无数据时显示默认空图片(el-empty)

当获取后台数据为空时,列表显示默认空图片,不正确姿势:编辑控制移除发现el-empty默认空图片一直显示不出来,还以为el-empty用法有问题,弄了个空页面,直接加载el-empty发现没有问题。查了一下原来el-table数据为空时,显示默认图片写法不对,正确姿势如下:编辑控制移除这样就能正常显示el-emtpy默认空图片了。

解决 element-ui 中From 表单和Dialog 对话框搭配使用时 resetFields重置方法无法清空数据的问题

在实际开发实现表格的增删改查的时候,新增和修改通常共用一个弹窗以节省代码量 当我们先点击修改的时候,会对弹窗表单进行赋值,这个时候我们再点击新增,会发现刚刚的表单数据仍然躺在表单中,并且使用resetFields没有清除数据addTask(formName){this.addVisible=truethis.$nextTick(()=>{this.$refs[formName].resetFields()})},//使用this.$nextTick也没有效果其实resetFields()是生效了的,resetFields方法是将值重置为初始值而不是清空,初始值就是刚刚表单里的数据。如果我们要清

vue element-ui悬浮显示

1.输入框这样添加的时候calculationFormulaName默认添加的undefined会报错需要更改为:disabled="scope.row.calculationFormulaName==undefined?true:scope.row.calculationFormulaName.length2.列表显示

vue3 + Element Plus自定义音频audio样式及控件

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

element ui tree组件使用render函数自定义节点内容,隐藏或者显示(附带点击子节点双击事件)

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

ios - 无法生成具有旧节数 : 1 and new section count: 0 with FetchedResultsController 的新节图

在我的ViewController中,我有一个已实现的fetchedResultsController并且一切正常(显示行、多个部分、获取等)。但是当我尝试更新或删除部分中的最后一行时出现错误(当我说“最后一行”时,我的意思是该部分中只剩下一行)。如果该部分中有不止一行,当我更新它的值(在CoreData中)时,它不会发生任何错误。我读过this,this和this但它对我没有帮助(解决方案已过时),而且我还没有在StackOverflow和互联网上找到任何解决我的问题的方法。我需要帮助。我正在使用Xcode8.3.3和Swift3。这是我在尝试更新tableView的任何部分中的“唯

Element VUE修改 el-input和el-select长度

 没有设置样式之前,采用默认样式,界面如下: 模拟代码如下有效无效 为了美观需要修改下样式,使文本框与下拉框的长度一致第一种:添加style属性,采用行内样式修改长度style="width:200px" 第二种:添加class属性,采用内部样式 stule标签中设置长度 .test{ width:200px; }第三种:找到element-ui.scss,采用外部样式//设置form表单输入框,下拉框长度统一.el-form-item{.el-input{width:200px;}.el-select{width:200px;}}

element-ui表单校验不能同步结果的问题

多个表单遍历时,要依次获取各个结果,但是往往拿不到最终结果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

Element plus el-table 鼠标滚动失灵的问题及解决办法

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,滚动失效问题完全解决   但是并不能完全解决问题,