草庐IT

Element2

全部标签

element-ui给禁用的按钮设置鼠标经过显示tooltip的tips提示

情境:按钮禁用的时候显示tips提示如果我们按照一般的做法是在el-tooltip标签中包裹设置禁用disabled属性的el-button按钮,理论上这样就能达到想要的效果,“纸上得来终觉浅,绝知此事要躬行”,让我们手动试一下,效果如下:代码如下:同意驳回 答案是不能做到!我们在禁用按钮的时候,其实把tips也禁用掉了,tooltip就是包裹button的,那个tips就是加在按钮上,按钮都被禁用了,tips怎么可能还会出现呢?想要达到禁用的按钮鼠标经过时出现tips提示,解决办法是:在button外面再套一层标签,tooltip包裹里的第一级是谁,那么tips就是加给谁的,所以我们把tip

vue3 集成 Element-Plus之全局导入/按需导入

element-plus集成ElementPlus,一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库:在Vue2中使用element-ui,而element-plus是element-ui针对于vue3开发的一个UI组件库;它的使用方式和很多其他的组件库是一样的,所以学会element-plus,其他类似于ant-design-vue、NaiveUI、VantUI都是差不多的;移动端使用VantUI|MintUI安装element-plusnpminstallelement-plus1.全局引入一种引入element-plus的方式是全局引入,代表的含义是所有的组件和插件都会

Element UI 按钮点击后不失焦,按钮颜色改变问题

ElementUI按钮点击后不失焦问题elementui按钮在点击后没有恢复设置的颜色,是因为点击按钮后,焦点仍在按钮上下面是两种解决方法:1、第一种:改变按钮获取焦点的按钮样式,使按钮颜色点击前后颜色一致,当然这种只是解决的点击按钮后颜色改变的问题,焦点还是在按钮上的。.edit,.edit:focus{border:none;color:#ff9b26;background-color:#fff0df;}2、第二种:强制使按钮失去焦点点击button的时候,如果点击到文字(即span)上,这个时候evt.target是span标签,这个时候是没法直接触发其父节点button的blur方法的

【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范

前言本文介绍vue3-element-admin如何通过Husky+Lint-staged+Commitlint+Commitizen+cz-git来配置Git提交代码规范。核心内容是配置Husky的pre-commit和commit-msg两个钩子:pre-commit:Husky+Lint-staged整合实现Git提交前代码规范检测/格式化(前提:ESlint+Prettier+Stylelint代码统一规范);commit-msg:Husky+Commitlint+Commitizen+cz-git整合实现生成规范化且高度自定义的Gitcommitmessage。HuskyHusky是

element-ui upload 上传组件中on-success 声明方法不生效问题

最近在学习vue2,实现element-ui框架中upload上传文件组件碰到的一些坑:1.上传文件成功后on-success声明的方法不执行。点击上传只能上传jpg/png文件,且不超过500kb官方模板是上面代码,但是我是实现自定义上传文件,禁用了action实现方式,添加:auto-upload=“false”,然后实现**:http-request=“submitUpload”**,具体的调用上传文件接口在submitUpload方法中实现,但是这种方式调用成功后on-success方法就不执行,改用官方默认的方式就能正常执行on-success块中的代码最后结论:应该是禁用了acti

vscode element ui 提示 插件

element-UI本身不难,但是vscode里面没有语法提示,对于写提示性的语句时真的太难受了。 我在vscode里找到了应该提示很强的elementUI提示库,ElementUISnippets。提示功能很强大。我就喜欢这种不需要怎么敲的插件,真的太好用了! 

uniapp播放视频 Uncaught (in promise)DOMException: The element has no supported sources.

参考:https://uniapp.dcloud.io/component/video.html参考:https://blog.csdn.net/wusejiege6/article/details/110723290加入标签即可效果发现内置的浏览器始终不行查看官方文档可以直接用浏览器或者模拟器运行效果即可运行或者运行到内置模拟器即可效果如下

vue element-ui (可编辑)table加载缓慢问题

需求:公司最近开了个需求会,要求做一个可编辑的table的表格,并且要求该表格添加权限,点击可编辑,时间段跳转(选择时间,跳转到时间当前位置),无分页(要求一页解决),有选中框,有批量处理的功能,input添加校验功能,小图标展示,编辑后局部刷新页面:1.管理员(可编辑,可查看,可以操控所有权限(内置保存,导出等));2.员工(可编辑,可查看,导出,保存);3.观察人员(可查看);做法:前后端联调,权限控制。接口在修改完成后,接口获取修改数据,页面部分刷新。使用elementtable@cell-click="cellClick"方法,获取table下表标实现权限控制,使用input(防止页面

1.基于Element-ui的表单重置操作

 1.如下是基于element的表单重置操作1.创建输入框2.创建一个重置按钮3.输入框的数据进行ref绑定4.给按钮绑定点击事件,调出实列对象进行重置2.解析方法: 1.ref="loginref"拿到整个表单的实例对象,可以进行重置2.@click="resetlogin"绑定点击事件,拿到$refs实例对象进行重置3.在点击事件中用element表单提供的resetFields的方法进行重置  3.具体使用(全部代码)//ref="loginref"拿到整个表单的实例对象,可以进行重置重置methods:{//点击按钮重置表单resetlogin(){//查看实例对象//resetFie

解决selenium定位不到xpath元素: “NoSuchElementException: Message: no such element: Unable

在使用selenium爬取的时候用xpath定位元素,最常见的报错就是这个,通常要么是xpath写错了,要么就是元素还没加载出来。如果是前者可以用谷歌浏览器的xpathhelper插件检查xpath是否正确,后者可以增加等待时间或使用以下语句等到元素可见再执行后续操作:fromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromselenium.webdriver.supportimportexpected_conditionsasECwait=WebDriverWait(driver,100,0.5)eleme