草庐IT

element-iterparse

全部标签

element-ui table 表格控件实现单选功能

🍎需求今天遇到一个需求,感觉挺简单的,需求如下:就是一个表格,在表格的前面加上一个选择框,注意:只能单选🍋发现问题然后我就去elementui上粘代码:虽然elementui上有对应的单选表格,可是并不符合我的需求然后我又发现下面有一个多选的表格,样式虽然相似,可是还是不符合我的需求:🍉解决问题最终我还是面向了百度编程,这位老哥的代码帮了我大忙,再次特别感谢下面给大家展示一个小的demo,直接粘贴代码就可以看到效果:template>div>el-table:data="tableData"style="width:100%"@row-click="singleElection"highlig

element-ui中 Progress 圆形进度条 自定义文字 底色 圆角 文字颜色等修改

vue中使用element-uiProgress圆形进度条,自定义文字、底色、圆角、文字颜色等1.圆形进度条底色修改,非底色修改官方文档中有说明。deep:样式穿透/deep/.el-progress-circle__track{stroke:#EEEEEE;}2.圆角修改stroke-linecap=“square”,stroke-linecp有三个值,分别为butt/round/square,默认值为round圆角模式el-progresstype="circle":percentage="25":stroke-width="8"stroke-linecap="square"/>3.进度条

Vue+Element UI 生鲜管理系统简介及项目搭建,页面布局(一)

文章目录浅谈一、背景二、搭建创建vue项目vue项目结构简介安装ElementUI库安装axios安装querystring安装normalize.css安装echarts运行删除无用组件基础css样式导入三、页面布局配置路由布局flex布局(弹性盒子)固定布局固定布局配置路由浅谈自从入了这家公司,就没分配过前端的工作了,在上一家还能前后端都写写,现在真是对vue的代码真是望尘莫及哇,前几天跟前端朋友交流前端知识的时候,发现自己脑子里面的前端代码好像被偷了一样,赶紧找个项目练练,虽然现在是java,以后还是想要做全栈呢(▽)(哈哈哈还在努力勿喷),一下就是对代码及知识点的笔记哦,想学习的小伙伴

鸿蒙 background_element设置渐变色

1.目前shape无法设置渐变色,可通过代码设置2.工具类:packagecom.cmmboy.xzwp.utils;importohos.aafwk.ability.AbilitySlice;importohos.agp.colors.RgbColor;importohos.agp.components.Component;importohos.agp.components.element.ShapeElement;importohos.app.AbilityContext;publicclassShapeUtils{/***渐变色背景*/publicstaticShapeElementge

element plus 使用v-loading报错解决Can‘t resolve ‘element-plus/es/components/loading-directive/style/index‘

报错如下:Failedtocompile../src/views/detectionSystems/deviceStatusList/index.vue?vue&type=template&id=2de634af&scoped=true(./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./node_modules/unplugin/dist/webpack/loaders/transform.js??ref--35-0!./node_modules/cache-loader/dist/cjs.js??re

element-ui文件上传下载组件+后台对应接口

element-ui文件上传下载组件:具备上传、下载和删除功能。不自动上传,附件选择后只将文件加入待上传列表,点击确认上传按钮后上传到后台服务器,已上传的文件通过表格的形式展示在上方表格中。删除和上传权限可配置。效果如下:代码如下:/**@Description:element-ui文件上传下载组件(不自动上传)*@Author:yiwenli*@Date:2023-03-30*/Vue.component('fileUpload',{name:'fileUpload',template:/*html*/`已上传文件列表下载删除 附件选择确认上传 `,props:{//原始文

element ui - el-table数据排序

el-table添加分页后对全部数据排序场景思路代码总结场景后台一次性返回全部数据,需要前端对所有数据进行分页和排序。思路使用element-ui的自定义排序规则,将sortable设置为custom,同时在Table上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而对所有数据进行排序再对表格数据进行分页计算。代码el-table:data="currentPageData":header-cell-style="{background:'#eef1f6',height:'48px'}"@sort-change="sortChange"borderstyle

element ui 修改el-date-picker样式

/*日期*///.jlpMySelect选择框的样式.jlpMySelectPopper下拉出来的样式.jlpMySelect{border:1pxsolid#05658c!important;background-color:#042237!important;height:45px!important;width:120px;border-radius:4px;}.jlpMySelectPopper.el-picker-panel{background:#00122a!important;}.jlpMySelect.el-input__inner{font-size:24px!import

element-ui 抽屉组件(el-drawer ) 二次封装 增加resize拖曳改变宽度大小,配合表格实现快捷方式打开抽屉展示详情及操作

可配合自定义表格进行操作数据,点击表格某一行进行抽屉展示,可上下页切换查看及功能操作,1.快捷键esc关闭抽屉,// 快捷键控制上下翻页  shiftKey+上键 上一页    shiftKey加下键 下一页  shiftKey加左键 开启弹框展示第一条数据   shiftKey加右键关闭弹框 上代码exportdefault{props:{//数组集合List:{type:Array,default:()=>[]},size:{type:Number,default:1200},//传入当前列表展示条数pageSize:{type:Number,default:0},//抽屉名称title:

Message: no such element: Unable to locate element:selenium报错

一、Message:nosuchelement:Unabletolocateelement:selenium报错       最近在使用selenium爬虫时遇到了这个报错,反复检查了自己xpath路径确认没有问题。但是程序还是会报错:“Message:nosuchelement:Unabletolocateelement:{“method”:“xpath”,“selector”:“//*[@id=“rootWrapper”]/div/div/div/div[2]/div/div[2]/div/div/div/div[2]/div[2]/ul/li[1]”}”。代码如下:importtimef