草庐IT

element-admin

全部标签

Vue2.0安装Element-ui

1.在项目终端输入npmielement-ui-S如果想知道是否安装成功 2.随后在main.js里引入element组件//加载element组件库importElementUIfrom'element-ui'//加载element组件库的样式import'element-ui/lib/theme-chalk/index.css'//全局注册element组件库Vue.use(ElementUI)然后去使用element 就这样成功了 

element ui 层级选择器el-cascader只能选最后一级多选

在elementui中el-cascader多选:每个层级都可以选择,但并不是我需要的,我需要多选只能选最后一级,在网上找了很久都复杂的,最终自己选择用css样式对checkbox进行隐藏。实现方法:在css中加入.el-cascader-panelli[aria-haspopup].el-checkbox{display:none;}关键点在于利用属性选择器,遇到属性是aria-haspopup(表示点击的时候是否会出现菜单或是浮动元素)则设置checkbox不展示则会达到一下效果

element-ui添加动态表格并合计行合并行操作

项目开发过程中,我们有时候会遇到表格里面数据进行动态添加修改删除的操作,表格里面我们也会经常遇到合并单元格和合计累加计算行的数据。这里我们就简单的记录一下实际场景的运用!最终实现的效果图如下:注意:这里的新增操作人不能重复添加,新增的时候有删除操作,有编辑的数据进来的时候表格里面才会显示编辑文字。1,添加动态表格return{ //表格数据 productivityForm:{qualityinspectorTable:[]},//添加操作人和动态表格里面的输入框数据qualityinspectorForm:{qualityinspectorId:'',weChatproductNumber:

element-plus 报错 ResizeObserver loop limit exceeded 解决

不多说,报错信息就长上面这个样子,网上找了很多方案都没解决,例如在onerror钩子中忽略这个错误,所以我上我的解决方案,代码如下:constdebounce=(fn,delay)=>{lettimer=null;returnfunction(){letcontext=this;letargs=arguments;clearTimeout(timer);timer=setTimeout(function(){fn.apply(context,args);},delay);}}const_ResizeObserver=window.ResizeObserver;window.ResizeObse

openFile(/data/applogs/xxl-job/xxl-job-admin.log,true) call failed

问题描述:启动XXL-JOB的时候提示记录日志的路径不存在或权限不足。解决办法:打开xxl-job-admin项目目录,找到logback.xml日志文件配置,修改log.path日志路径。如将/data/applogs/xxl-job/xxl-job-admin.log修改成~/xxl-job/xxl-job-admin.log,重新启动程序。propertyname="log.path"value="~/xxl-job/xxl-job-admin.log"/>

Element ui关闭el-dialog时清除数据

如果是按叉叉关闭或者点表单以外空白处关闭的话可以给el-dialog添加  :before-close="closeForm"在methods里添加函数closeForm(){this.$refs.form.resetFields();//清除数据this.dialogFormVisible=false;//关闭对话框}如果是按取消按钮清除数据,也可以给取消按钮绑定点击事件,点击取消则调用closeForm函数。注意:要为每个form-item加上prop属性,要不然无法清空resetFields()方法是重置表单,重置为初始值,而不是设置为空值

【element-UI】el-upload本地上传图片,点击表单提交和一起上传,使用formdata对象上传

el-upload本地上传图片,点击表单提交和一起上传项目需求:表单中有一项上传照片,上传时先存在本地(即先不提交)需求效果如下图:解决代码因为后端要求图片需要和其他参数一起提交,使用formdata对象携带参数,通过设置el-upload中action参数值为#,以及auto-upload(是否在选取文件后立即进行上传)为falseel-upload action="#" :show-file-list="false" :auto-upload="false":multiple="false":on-change="uploadFile"dragaccept="image/jpg,image

python Selenium 使用 报错AttributeError: ‘WebDriver‘ object has no attribute ‘find_element_by_xpath‘

参考问题定位根本问题是本机的Selenium包将方法给移除了最新版的方法对应旧版:解决方法1、本机包降版本直接使用源代码(适合代码量大且复杂的)pipinstallselenium==4.2.0--force-reinstall2、方法修改为最新的版本对照上图即可代码量小可以重写

element-ui的 Dialog 对话框添加背景图片

el-dialog的默认背景为白色,我们将其设置为透明。并添加背景图片.el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明,即可。/*弹窗*/.el-dialog,.el-pagerli{ background-color:rgba(255,0,0,0.0); color:#FFFFFF; background-image:url(../images/bj/contentBg.png); background-size:100%100%;}//将el-dialog__header、el-dialog__body、el-dialo

安装element-plus报一下错误: Unsupported URL Type: npm:@sxzz/popperjs-es@^2.11.7

当我安装element-plus时报了一下错误。 然后上网找原因:由于当前的npm(v6.14.8)版本较低,要升级npm,于是提醒我node版本低了(我的node版本为v14.15.0),于是升级node,升级之后node版本为v16.18.1,然后升级npm,升级之后的版本(9.6.0)npminstall-gnpm#升级npm 然后问题解决!