草庐IT

element-admin

全部标签

Element-UI可以动态生成的form表单

Element-UI可以动态生成的form表单此form表单每一项绑定的值组成一个对象,对象叠加组成了一个对象数组,循环对象数组生成form的表单项。当点击新增一项时,其实就是给form表单对象数组添加一个对象,删除则反之。值得注意的是,由于动态表单得到的是一个对象数组,但我们需要的是表单的值组成的对象,所以我们还需要把这个对象数组转成一个对象template>divclass="wrap">!--动态生成form表单-->divclass="form_wrap">el-form:model="form"ref="formData":rules="rules">el-row>divclass=

记一次element-ui的table不显示,也不报错的问题

vue版本:2.6.14element-ui版本:2.15.13element-ui的table组件,死活不显示表头,给数据的话整个就空白,不给数据就只显示一个“暂无数据”,控制台也不报错,降版本也不行找了半天的原因,甚至重建新项目,最终排查的原因是vue.config.js下面的这段代码出了问题。 configureWebpack:(config)=>{ config.resolve.alias={ '@':path.resolve(__dirname,'./src'), _v:path.resolve(__dirname,'./src/views'), _c:path.res

vue前端直接使用element-ui的upload组件上传到阿里云OSS存储

因为公司的服务器比较拉吧,所以老大决定将数据文件等上传到阿里云服务器,通过ali-oss方式,这样的话读取文件也比较快 (能看到这说明什么安装element-ui都会了,我就不详细介绍了,直接跳过) 在执行下面操作之前,你要确定你的阿里云能看到上边这个页面  这里主要是配置读写,只有设置成公共读写,才可以前端直接上传,不需要跟后端要什么token了一、安装npmi --saveali-oss(1).在vue-clic中新建tools.js文件,(此文件主要是封装方法)letOSS=require('ali-oss')letclient=newOSS({region:'oss-cn-beijin

Element UI 日期封装自定义组件

ElementUI日期封装组件文章目录ElementUI日期封装组件前言一、如何去封装组件?二、使用步骤1.在components下创建datePicker.vue2.在要使用的地方引入组件总结前言日常工作中我们会遇到要封装日期组件的情况,例如:element组件日期选择开始时间,结束时间组件不能直接使用时,重复使用到日期选择,我们就不得不去封装。一、如何去封装组件?其实很简答,我不做过多讲解,直接上代码,急拿急用。二、使用步骤1.在components下创建datePicker.vue代码如下(示例):-exportdefault{name:"WTimer",props:{activeTim

Element-UI源码学习——弹框组件

手写弹框组件文章目录手写弹框组件前言一、Element-UI的弹框二、如何自己手写?前言首先,分析一下Element-UI的对话框,点击,会弹出一个对话框。对话框由具体的弹框内容、关闭或确认按钮、外围的遮罩层组成。首先,先看下elmentui的用法:一、Element-UI的弹框el-dialog组件里面可进行配置el-dialogv-model="dialogVisible"title="Tips"width="30%":before-close="handleClose">span>Thisisamessage/span>template#footer>spanclass="dialog-

完美解决:python selenium 报错 AttributeError: ‘WebDriver‘ object has no attribute ‘find_element_by_id‘

完美解决:pythonselenium报错AttributeError:‘WebDriver’objecthasnoattribute‘find_element_by_id’代码如下报错如下:解决方式selenium版本更新:find_element()版本更新了,现在的写法为://协助解决各种技术问题,关注公众号:小千哥driver.find_element(By.ID,'kw').sendkeys('搜索')//关注公众号:小千哥

vue3+element Plus实现表格前端分页

每一处都写了注释,还是很容易看懂的 分页-->import{defineComponent,reactive,toRefs}from"vue";exportdefaultdefineComponent({name:"HomeView",components:{},setup(){//表格的全数据(这里是自定义的列表,要看分页效果自行往此数组内加数据)constallTableData=[{date:"2016-05-03",name:"Tom",address:"No.189,GroveSt,LosAngeles",},{date:"2016-05-02",name:"Tom",address

记一次低版本element-ui升级

背景该项目是属于一个招聘后台管理系统,左侧菜单,右侧内容布局,技术栈为vue为"2.1.8",element-ui为"1.2.5",vue-template-compiler为"2.1.8"业务需求需要在弹窗中渲染带元素标签的内容,查看element-ui文档可知,文档最低版本到1.14.13,并且要到这个版本才能在弹框里自定义不同的内容,所以决定升级element-ui版本升级过程1、讲element-ui版本升级到目标版本之后,发现其需要依赖vue版本2.3.0以上2、那么就需要根据需要将原来的2.1.8版本的vue,升级到2.3.0,之后启动项目失败,报错的提示信息是Vuepackage

vue element ui el-popover 样式修改不生效解决方法

在使用element的el-popover组件时,会发现自己对el-popover写的样式不起作用,甚至连使用::v-deep‘>>>’/deep/行内Style这四种样式穿透都不起作用,这是因为el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style首先给它添加一个特定的类名,千万别重复,语义命名以免样式污染popper-class="down-popover"然后在当前文件样式中不加scoped写一份stylelang="scss">.down-popover{padding:0;}/style>

element-ui日历组件el-calendar选中特定时间以及样式修改

项目开发中,有需要用到日历的组件,而且需要把某些日期标注起来,在这边标注的小红点我用了el-badge具体效果如下图所示: 页面标签:{{data.day.split('-').slice(2).join('-')}}变量声明://日历calendarValue1:newDate(),activeday:[//日历组件选中的日期,小红点,时间格式必须为yyyy-MM-dd,比如3月5号要写成03-05而不是3-5{dat:'2023-03-21'},{dat:'2023-03-15'},{dat:'2023-03-05'}],样式修改:/*日历样式修改*/.data-analysis/deep