草庐IT

scenebuilder-classpath-element

全部标签

selenium之find_elements的妙用

文章目录前言一、find_elements用法二、使用案例后感前言最近因为工作上的需要(我不是测试,不是前端,也不是测试),任务就是下载大量的文件,其中遇到一个页面有多个需要下载的对象,因为是刚入门selenium,很多功能还在摸索。一、find_elements用法1.找到所有满足条件的页面元素driver.find_elements(By.XPATH,路径)一般是需要提取所有满足条件的元素内容或者需要对满足条件的元素逐个操作的时候用到。2.通过下标来选择第几个driver.find_elements(By.XPATH,路径)[0]为了脚本的可读性,我喜欢用文本来定位,但是一个页面里面符合文

vue element ui From表单校验不生效问题解决

vueelementuiFrom表单校验不生效问题解决仅供参考自我记录.解决方案①el-from上要使用:model不要使用v-modelel-formref="ruleForm":model="testForm"label-width="100px":rules="rules">解决方案②el-from-item上是否有加prop,并确定prop是不是和编写的规则相同el-form-itemlabel="活动名称"prop="name">el-inputv-model="testForm.name">/el-input>/el-form-item>//校验规则propname相同rules:

element-ui 季度选择器

 最近在vue项目练习时发现element-ui没有关于季度的选择器,周、年、月这些都有。于是参考网上大神写的自己搞了一个简易版本。项目需求是选择某年某一个季度,然后获得该季度第一天和最后一天的时间戳来获取数据。最后结果如图:本篇文章参考了 element季度选择控件_Ponnenult的博客-CSDN博客_element季度选择前言:季度选择控件,element官网没有提供。实现效果:默认是当前月份的季度实现原理:在页面上放一个input,然后点击出现card卡片,卡片里面放季度的内容封装组件源码:源码api见最下面日期https://blog.csdn.net/weixin_4472708

vue+element ui 之table中表单校验

业务需求:1,后台返回的是一个list数组,展示要表格的形式,但是每一项都可以编辑,而且都是必填。效果图如下:操作流程1,首先先弄一个‘保存‘的按钮’2,表格的展示和校验(我这边是一个双层的list),第一层是渲染表格的第一栏(一级标签),第二层是渲染表格的第二栏(二级标签),然后我的二级标签是一个list,所以要嵌套循环3,因为我的第一栏的表头多加了个按钮,所以第一栏的表头弄了自定义 3,因为表格是动态的,支持用户随意添加的。valueStatus:目的是区分该数据是后台返回的,还是后面添加的输入框 4,删除一整行的表格,目前删除只是前端的删除,并未调用接口5,最后保存的时候做校验直接上代码

解决Vue+Element UI 使用el-aside时菜单栏无法撑起整个侧边栏高度,解决点开菜单栏时有部分突起问题。

当我们使用elementui的时,发现菜单栏无法撑满页面高度的100% 采用css样式设置height:100%的方法也无效我们将height:100%改为height:100vh即可效果图如下 点开菜单栏时,我们发现菜单栏右侧会有部分突起我们给定义一个类名使用css进行封装即可解决    

element-ui el-date-picker日期选择器 value-format问题

通过原生js和moment.js分别获取moment().format('YYYY-MM-DDHH:mm:ss')格式的时间moment.js:文档|Moment.js中文网(momentjs.cn)

【element-ui】table表格底部合计自定义配置

目录 带合计的表格设置 自定义方法  getSummaries 【element-ui】table表格底部合计自定义配置,最近做管理系统用到饿了么UI,用到了table表格合计需求,常用的table底部,有时候不是所有内容都需要合计,比如上图这个编号是数字,但是不需要合计计算处理的,这时候就需要用到自定义表格,把不需要合计的内容隐藏掉,效果如下: 方法写在下面: 带合计的表格设置 1.参数show-summary 2.方法:summary-method="getSummaries" 自定义方法  getSummaries//自定义方法getSummaries(param){const{colu

vue项目引入element-ui的三种方式

1、element-ui插件引用(推荐)通过执行命令vueaddelement来进行引入2、npminstall(此种方式为全量引入element-ui,打包体积大)通过执行命令npmielement-ui-S安装依赖main.js文件引入element-uiimportElementUIfrom'element-ui'Vue.use(ElementUI)main.js文件全局引入element-ui样式import'element-ui/lib/theme-chalk/index.css'3、按需引入element-ui安装babel-plugin-componentnpmi-Dbabel-

element ui 中 Cascader 级联选择器实现 动态加载 动态禁用 入门

elementuiCascader级联选择器动态加载动态禁用入门实现效果当点击的根选项有子选项时,会向后台发送请求,并且接收数据实现动态加载。点击特殊选项时,可以禁用其他选项。相关代码el-cascader>propsprops:{//emitPath:false,//返回值只有valuemultiple:true,//多选模式lazy:true,// 是否动态加载子节点,需与lazyLoad方法结合使用lazyLoad:this.handleGetClassOrStudent,//懒加载调用的方法},==============================================

Element-UI的Upload 上传文件

1、Element-UI版本"element-ui":"^2.15.9"Upload上传官方文档2、一次只能上传一个文件2.1自动上传限制一次只能上传一个文件,并判断上传的文件大小及文件类型;自动上传:即选择文件后即开始校验,校验通过后调接口上传到服务器将文件拖到此处,或点击上传只能上传txt/zip/rar文件,且不超过10M,一次只能上传一个exportdefault{name:'upload-file',data(){return{};},methods:{//文件上传前对文件类型、文件大小判断限制beforeUpload(file){const{name,size}=file;cons