草庐IT

element-admin

全部标签

【Element-UI】Mock.js,案例首页导航、左侧菜单

目录一、引言二、Mock.js1、什么是Mock.js2、安装配置2.1、安装2.2、引入3、Mock.js的使用3.1、定义测试数据文件3.2、mock拦截ajax请求3.3、模拟测试三、首页导航、左侧菜单1、页面搭建1.1、图标定义1.2、AppMain.vue1.3、LeftNav.vue1.4、TopNav.vue1.5、index.js2、功能实现2.1、AppMain.vue2.2、LeftNav.vue2.3、TopNav.vue2.4、main.js3、完整代码3.1、AppMain.vue3.2、LeftNav.vue3.3、TopNav.vue3.4、main.js一、引言

element ui时间选择器el-date-picker关于日期禁用disabledDate的使用

项目中很多场景都用到时间范围选择的组件: 这时候我们过多选择的是elmentui里面的el-date-picker组件,但是又嫌弃人家原始的这个丑陋 所以选择自己组装,有没有小伙伴像我这样写的呢://页面组件-//日期禁用方法disabledDateStart(time){constbeginDateVal=this.datePickerEnd;if(beginDateVal){return(time.valueOf()>=newDate(beginDateVal).valueOf()-24*60*60*1000+1);}},disabledDateEnd(time){constbeginDa

element-ui在项目当中的引入以及按需引入使用

目录1.项目当中引入element-uiA.先使用npm安装B.在main.js当中引入文件C.在App.vue当中可以引用button相关的UI组件 2.element-ui配合脚手架按需引入A.首先安装按需引入的插件B.修改.babelrcC.按需引入的好处1.项目当中引入element-uiA.先使用npm安装npmielement-ui-SB.在main.js当中引入文件importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom

Layui Vue - 优雅经典、免费开源的 Vue 3 桌面端 UI 组件库,沿用 layui 设计规范,开箱即用,自带 Pear Admin Next 后台管理系统

经典的layui没有停止维护,还出了Vue3版本的,依旧好用,分享给大家。关于LayuiVue在介绍LayuiVue之前有必要先介绍一下Layui。Layui是一套经典的开源的WebUI组件库,作者是大名鼎鼎的前端大神贤心。Layui采用轻量级模块化规范,遵循原生态的HTML/CSS/JavaScript开发模式,极易上手,拿来即用。在Vue/React等前端开发框架还没流行起来的时候,Layui一度是最受前端开发者欢迎的前端组件库,早些年被广泛应用在各种web社区、网站和后台管理系统中。随着新的、效率更高的前端框架的涌现,Layui逐渐被取代,后来在2021年底Layui官网下线,令人十分唏

Neo4j---(2)批量导入实体和关系csv文件之neo4j-admin import

要点:neo4j-adminimport命令的适用情况:未初始化空数据库or新建数据库csv文件的编码:有中文用“UTF-8”节点csv和关系csv文件的固定格式以及必要的属性列一、neo4j-adminimport命令1.作用:批量导入csv数据2.条件:必须有权限对dbmis.directories.data和dbms.directories.log进行写入操作3.限制:对初始化的未运行的空数据库或创建的新数据库操作/需要关闭neo4j再运行4.命令:neo4j-adminimport [Options]options参数类:-expand-comannds:-verbose--cache

如何实现element UI中table操作栏更多按钮的展示与折叠?

解决思路:​直接使用elementUI文档上Popover弹出框组件废话不多说,直接上代码吧                        

vue2+element ui 上传文件

完全基于elementui组件封装的上传组件,后期继续优化template>div>el-uploadclass="upload-demo":headers="headers":data='uploadData':action="action":on-preview="handlePreview":on-remove="handleRemove":on-success='handleSuccess':before-remove="beforeRemove":before-upload='beforeUpload':multiple='false':limit="10":on-exceed="h

解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题

问题解读如题,其实2.15.11这个版本的ElementUI新增了功能,改进WebStormIDE和其他JetBrainsIDE中的代码帮助。本义是想很好的支持IDE软件,代码提示更加方便,但作者发布时候少打包了一个文件,这就导致Webstorm不认识所有的el-xxx标签!!!解决(方案一)既然知道了这个版本有点小问题,那就简单粗暴,暂时降级到2.15.10版本,提示就有了。等过段时间官方修复了BUG,再改回最新版即可。注意,由于我们是指定具体版本,所以在版本号前边不能有~或者^符号。简单解释一下,加了前边这任意一个符号,npm会自动去找你定义的版本的最新版,有可能不是你后边写的那个版本号。

selenium driver.find_element 报错 invalid argument: invalid locator

selenium.common.exceptions.InvalidArgumentException:Message:invalidargument:invalidlocator报错信息:invalidargument:invalidlocator提示的是定位器locator的参数argument是无效的,为什么无效,是我代码写错了,driver.find_element('//*[@id="staffid').send_keys(‘handsome’)定位器locator少了最重要的参数By.XPATH正确的代码如下:driver.find_element(By.XPATH,'//*[@i

记录--前端换肤方案 - element+less无感换肤(无需页面刷新)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前端换肤方案-element+less无感换肤(无需页面刷新)前言前不久在改造一个迭代了一年多的项目时,增加了一个换肤功能。通过自己的探索,总结出了一套比较合适的改造方案供大家参考,如有更好的方案欢迎评论区踊跃评论😄先上效果:聊聊现有方案在查阅现有方案时,总结了目前使用的几种方案:1、定义多套样式首先定义一套或多套样式变量,包括浅色和深色两种主题。在scss或less中使用变量,通过js改变root节点的class或属性来达到样式覆盖。这种方式实现的前端换肤方案,可能会导致样式不易管理,查找样式复杂,每一套皮肤需要写一个css文件,造