elementUI
文章平均质量分 95
摇摇奶昔x
这个作者很懒,什么都没留下…
展开
-
element ui 弹出组件的遮罩层以及多层遮罩解决办法
做项目中遇到几次弹出框遮罩层的问题。有嵌套的 弹出框。还有单页面中tabs标签页的弹出框。今天就说一下tabs中的弹出框遮罩层的问题。这个页面有五个tabs页签,每一个都有弹出框组件,也就是说每一个都有遮罩层。很有趣的问题: 我在第五个tabs页签中打开弹出框,没问题。可以正常使用。当我在第四个tabs页签中打开弹出框时,会出现上图这种情况,(鼠标点击一下,一层遮罩就会消失)。当我在第一个页签中的时候,我需要点击五次才能将最上层的遮罩层去掉。查看网上,以及element文档。找到了两个方法。如果你转载 2020-11-06 09:45:51 · 9092 阅读 · 1 评论 -
element-ui表格翻页的序号递增
1.直接写dom里<el-table-column label="序号" :show-overflow-tooltip="true" width="70" align="center"> <template slot-scope="scope">{{ scope.$index+1+(parseInt(pageIndex)-1)* parseInt(pageSize) }}</template></el-table-column> <el-ta原创 2020-11-06 09:42:22 · 361 阅读 · 0 评论 -
elementUI中日期选择器,控制开始时间小于结束时间
此处做一个解释::picker-options=“updateTime” 为当前时间日期选择器特有的选项参考下表,而且可以用vue中的函数来做筛选,将data数据源中的updateTime给:picker-options使用<el-form-item style='width: 100%;' label="开始日期:"> <el-date-picker style='width: 100%;' value-format="yyyy-MM-dd" form转载 2020-10-26 09:27:17 · 1686 阅读 · 2 评论 -
打印页面有表格
千万不要用el-row内容多少不固定 撑开后同行高度不会撑开{{item.bank}} 内容撑开后,前面的label不回撑开,添加的表头有北京也不会撑开建议用el-table若是表头在上面 刚好若表头在左边,就不要el-table的表头,自己写css加背景色为表头...原创 2020-04-15 16:17:49 · 114 阅读 · 0 评论 -
el-select 默认值遇到的坑
<el-select clearable v-model="Status" placeholder="请选择"> <el-option label="全部" value="-1"></el-option> <el-option label="试用" value="1"></el-optio...转载 2020-04-15 11:14:48 · 1739 阅读 · 0 评论 -
el input编辑页面输入不管用,无法输入的问题
发现elementUI中@input事件可以拿到当前输入的值,问题找到了,视图没有更新的问题解决方法 this.$forceUpdate()原创 2020-04-13 19:29:32 · 1445 阅读 · 0 评论 -
iviewui和element中日期选择控件少一天问题
iviewui中日期选择控件DatePicker<DatePicker v-model="studentObj.birthDate" type="date" placeholder="选择日期"></DatePicker>//修改为<DatePicker v-model="studentObj.birthDate" type="date...原创 2020-03-27 14:20:20 · 232 阅读 · 0 评论 -
刷新后停在当前tab栏
tab栏切换不通过路由时,刷新会回到第一个tab栏,为了防止刷新回到第一个tab,需要通过路由。路由配置:{ path: '/budgetShow/:name?', //name 是一个变量,根据路由不同,path不同 name: 'budgetShow', component: () => import('@/views/budgetManagement/i...原创 2020-03-03 15:05:38 · 641 阅读 · 0 评论 -
el-autocomplete 的使用
<el-form-item label="项目选择" prop="projectReimbursement.projectId" :verify="['NotNull']"> <el-autocomplete clearable class="inline-input" v-model="detailForm.projectReimburseme...原创 2019-12-20 16:41:46 · 11792 阅读 · 0 评论 -
element-ui 导航刷新高亮,进入子路由后保持高亮
<el-menu style="border-right:0" :default-active="$route.path" background-color="#fff" text-color="#717E8C" active-text-color="#18A590" router > </el-menu>将default-a...原创 2019-12-12 10:51:37 · 1621 阅读 · 2 评论 -
Element table 当前页做选中批量操作。
<div class="article-source-link2222"> 本文链接:<a href="https://blog.csdn.net/qq_36537108/article/det...转载 2019-10-21 10:06:52 · 866 阅读 · 0 评论 -
理解vue之element-ui中的<template slot-scope="scope">
如果有用过element-ui中的table组件,可能会发现有这么一个写法:<template slot-scope="scope">在实际的使用过程中,这种用法当然不仅仅局限于此,其他的地方也会用到。到底这里有什么特别之处呢?我们看看普通的table用法:我们先说一说这个基础的用法里...转载 2019-10-20 13:45:43 · 329 阅读 · 0 评论 -
el-date-picker设置日期选择范围
<el-date-picker v-model="form.dates" :picker-options="pickerOptions" // 控制时间范围的方法 format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker...转载 2019-10-20 13:35:56 · 1334 阅读 · 0 评论 -
vue element-ui 监听键盘回车事件 @keyup.enter || @keyup.enter.native
vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符:<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名:<input v-on:keyup.enter="submit"><input @keyup.enter="submit">如果用了封装组件的话,比如element,这个时候使用按键修饰...转载 2019-10-14 09:39:41 · 2351 阅读 · 0 评论 -
element-ui表单验证的trigger的值,触发其他的验证
看element-ui给的例子trigger可以取’change’,'blur’等值,但是并不是所有的验证项都可以被这样触发,如何主动控制触发验证呢?可以使用validateField。看element-ui自定义验证里面就有一个例子,在“密码”不为空的时候去验证“确认密码”字段:var vaildatePass = (rule,value,callback) =>{ if (valu...原创 2019-10-14 09:35:14 · 21758 阅读 · 0 评论 -
【ElementUI】日期选择器,只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能小于开始日期
<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"</el-date-picker>选择今天以及今天之后的日期data (){ return { picker...原创 2019-09-26 08:24:49 · 17455 阅读 · 9 评论 -
elementUI提交表单验证不通过时焦点跳转至第一个校验不通过处
this.$refs[formName].validate((valid) => { if (valid) { } else { setTimeout(()=>{ var isError= document.getElementsByClassName("is-error"); i...原创 2019-09-26 08:07:21 · 1785 阅读 · 0 评论