草庐IT

el-submenu

全部标签

解决使用element ui时el-input的属性type=number,仍然可以输入e的问题。

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

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-

swift - 在 Swift 2.2 中使用 Spotlight 列出 El Capitan 上已安装的应用程序

我目前正在构建一个mac应用程序,将来应该能够在OSX上终止和启动应用程序。为此,我需要找到一种方法来获取计算机上所有已安装应用程序的列表。我已经做了很多研究,并决定使用Spotlight和NSMetadataQuery来获取列表。我找到了thispost关于提到的主题,并开始在Swift2.2(项目的首选武器)中实现功能。通过一些翻译,我能够让它工作,代码现在可以成功构建和运行。然而,在运行时,我似乎遇到了查询本身的问题:isbeingdeallocatedwithoutfirstcalling-stopQuery.Toavoidraceconditions,youshouldfir

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

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

el-table多选框设置默认选中,翻页保留选中状态

最近碰到个需求,el-table列表渲染数据,要求有多选框并且附带默认选中,翻页后保留选中状态写默认选中时百度一下还很简单,但是碰到个bug,第一次翻页可以保留,第二次翻页回来之后选中的就没了。经过研究解决,记录一下,直接上代码了默认选中只需要给table增加:row-key="getRowKeys":reserve-selection="true"然后列表获取数据时用这个方法,我这里是默认选中row.number==9的数据,this.$nextTick(()=>{lettable=this.tableData;table.forEach(row=>{if(row.number==9)thi

NavMenu导航菜单el-submenu点击事件及激活状态变化

记录多级菜单时,NavMenu导航菜单的一级菜单点击事件以及当前激活状态变化原因:由于项目的需求变化,原本是点击二级子菜单才发生跳转,点击子菜单后,el-menu组件也会执行@select的方法,导航栏的菜单也会对应变成激活状态。但是,需求变成点击一级菜单也可以发生跳转,默认跳转到第一个子菜单的界面,el-menu没有实现可以点击el-submenu这一功能。解决方案:1.在el-submenu标签添加点击事件,@click.native,然后再从点击事件内实现跳转等事务,因为我的功能是默认跳转到第一个子菜单,故复用了@select的方法注意:单纯使用@click没有效果2.当前激活状态的改变

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;}}

Vue——printjs打印el-table,echarts等打印不全,异常解决

PrintJs简单使用PrintJs官网地址:https://printjs.crabbly.com/1、可以从GitHub版本下载最新版本的Print.js:https://github.com/crabbly/Print.js/releases2、npm安装npminstallprint-js--save更多参考:https://blog.csdn.net/sunxiaoju/article/details/126284860echarts无法打印解决修改print.js的getHtml,增加对canvas的处理,将echarts转为图片:getHtml:function(){varinp

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

【element ui】 el-popover 样式修改不生效解决方法

①基本结构个人中心退出登录②问题在修改el-popover的样式的时候,和往常修改elmentui样式一样就是不起效果。使用::v-deep或者是/deep/样式穿透都没有效果。③原因看了一篇博主的博客才得知,原因是el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style。④解决办法官网中提供了一种修改气泡卡片的样式的方式。我们先使用这个方式定义一个类名。然后再用这个使用这个类名去写样式发现气泡卡片样式并没有生效了一些。在百度上查阅了很多人写的解决办法得知要这样使用。写成.el-popover.my-