草庐IT

background_element

全部标签

vue2 - 基于Element UI实现上传Excel表单数据功能

一、项目场景批量数据上传后台,需要从后台下载一个固定格式的Excel表格,然后在表格里面添加数据,将数据格式化,再上传给后台,后台做解析处理,往数据库添加数据二、实现功能展示点击导入excel按钮,跳转到上传excel功能页面,点击上传或者是通过拖拽都能实现excel表格上传三、实现思路通过ElementUI的实现弹出层1、excel按钮:isShow=isShow是否显示上传文件层:onSuccess="success"上传成功之后的回调2、excel上传页面accept=".xlsx,.xls":限定文件类型beforeUpload(){}在上传之前做一些自己的特殊判断,如判断文件的大小是

关于element ui 中使用表单校验字段,校验一直不消失的问题

elementui中form表单,当遇到表单项为上传文件或者图片等等,上传完成之后,点击确定按钮,该表单项校验规则仍然不消失,如下 解决方法为,在上传成功的方法中手动移除校验,并且将rules里面的改字段赋值为空数组,如下: 同时要注意在下次打开新增页面的时候,要重新赋值该上传表单项的校验规则 over 

解决Element UI Form resetFields、clearValidate不起效和不显示验证状态等问题

常见场景表单时所有应用中不可缺少的组件,最近在使用element-ui的form组件时,遇到了想都没想到的问题上代码template>divclass="reset-password">divclass="step"v-if="step==1">divclass="title">选择账号div>divclass="desc">templatev-if="form.type=='email'">请输入需要更改密码的邮箱号template>templatev-else-if="form.type=='phone'">请输入需要更改密码的手机号template>div>el-formref="ver

下拉框弹窗/基于element ui/自定义selectdialog

1.前言    小谭最近遇到一个需求:因为下拉选项过多,用el-tree对于逐级寻找很不方便,于是小谭就自己手写了个下拉框弹窗,废话不多说,上效果图:页面展示:  基本上和普通下拉框一样  点击下拉框弹出的弹窗: 弹窗内最多可以实现三级下拉如果想实现更多,可以自己根据源码更改哦2.代码实现:HTML:data为当前节点数据secend自定义一二级内容three自定义三级内容!-->{{showContent}}请选择搜索重置{{item[props.label||'label']}}{{i[props.label||'label']}}{{j[props.label||'label']}}JS

javascript - 在溢出时捕获滚动事件 :hidden element

关于如何在具有overflow:hidden的元素上捕获滚动事件的任何见解?我想在列中滚动而不向用户显示滚动条。 最佳答案 这其实是一个比较深入的过程。我所做的是在用户鼠标进入和离开要滚动的元素时设置全局标志。然后,在body的鼠标滚轮事件上,我检查MOUSE_OVER标志是否为真,然后停止传播事件。这样主体就不会滚动,以防整个页面溢出。请注意,overflowhidden后,默认的滚动功能将丢失,因此您必须自己创建它。为此,您可以在相关的div上设置鼠标滚轮监听器,并使用event.wheelDelta属性来检查用户是向上滚动还是

javascript - 在溢出时捕获滚动事件 :hidden element

关于如何在具有overflow:hidden的元素上捕获滚动事件的任何见解?我想在列中滚动而不向用户显示滚动条。 最佳答案 这其实是一个比较深入的过程。我所做的是在用户鼠标进入和离开要滚动的元素时设置全局标志。然后,在body的鼠标滚轮事件上,我检查MOUSE_OVER标志是否为真,然后停止传播事件。这样主体就不会滚动,以防整个页面溢出。请注意,overflowhidden后,默认的滚动功能将丢失,因此您必须自己创建它。为此,您可以在相关的div上设置鼠标滚轮监听器,并使用event.wheelDelta属性来检查用户是向上滚动还是

javascript - 使用 RequireJS 加载 AngularJS 时间歇性 "Looking up elements via selectors is not supported by jqLite!"

我通过RequireJS加载AngularJS。大多数时候没有问题但偶尔会出现错误:UncaughtError:[jqLite:nosel]LookingupelementsviaselectorsisnotsupportedbyjqLite!我知道实际上一切都在加载,所以问题不在于RequireJS找不到文件。这是我的RequireJS配置:require.config({baseUrl:'lib/',paths:{jquery:'external/jquery-2.1.1',angular:'external/angular',},shim:{angular:{exports:"a

javascript - 使用 RequireJS 加载 AngularJS 时间歇性 "Looking up elements via selectors is not supported by jqLite!"

我通过RequireJS加载AngularJS。大多数时候没有问题但偶尔会出现错误:UncaughtError:[jqLite:nosel]LookingupelementsviaselectorsisnotsupportedbyjqLite!我知道实际上一切都在加载,所以问题不在于RequireJS找不到文件。这是我的RequireJS配置:require.config({baseUrl:'lib/',paths:{jquery:'external/jquery-2.1.1',angular:'external/angular',},shim:{angular:{exports:"a

限制Element ui日期选择器el-date-picker时间跨度为3个月

处理Element日期选择器el-date-picker限制时间跨度3个月。主要通过pickerOptions里的disabledDate来控制禁止选中的日期。实现思想就是,当选中第一个开始日期时,拿到该时间戳计算时间范围,然后控制接下来选中时间在3个月以内,超过范围禁用掉。1、在template中使用el-date-pickerel-date-pickerv-model="value"type="daterange":picker-options="pickerOptions"value-format="yyyy-MM"start-placeholder="开始日期"end-placehol

selenium4.3.0模块中的find_element_by_id方法无法使用,改用driver.find_element(by=By.ID, value=None)

在selenium最新版本4.3.0中,使用之前的find_element_by_id会报错AttributeError:'WebDriver'objecthasnoattribute'find_element_by_id'Ctrl+点击find_element,查看代码最新版本,改为了driver.find_element(By.ID,‘foo’)在自己的代码中修改,发现By会被pycharm下划线提示报错,再次查看代码发现需要importBy再次修改自己的代码,运行通过