草庐IT

background_element

全部标签

element ui el-date-picker 禁止选择指定日期

1、日期选择器组件代码2、具体实例data(){return{ruleForm:{startTime:'',},rules:{startTime:[{required:true,message:'请选择活动起始日期值',trigger:'change'},],},forbiddenStartTime:{//禁用当前日期之前的日期disabledDate:this.disabledDateMethod,},}},1)禁止选择当天之前的日期methods:{disabledDateMethod(time){//Date.now()是javascript中的内置函数,它返回自1970年1月1日00:

解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?

解决在Vue3+Vite中使用Element-plus报错一、安装镜像(可选)使用阿里定制的cnpm命令行工具代替默认的npm,输入以下代码npminstall-gcnpm--registry=http://registry.npmmirror.com二、解决报错1.安装Element-plus1.1在项目目录下执行:cnpminstallelement-plus--save1.2安装按需引入需要的插件:cnpminstall-Dunplugin-vue-componentsunplugin-auto-import1.3安装ElementIcon(解决标题所言的报错)cnpminstall@e

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-