elementUI
搬砖小哥哥
这个作者很懒,什么都没留下…
展开
-
Error in event handler for “el.form.change“: “TypeError: value.getTime is not a function“
在使用el-date-picker时有这样的报错: Error in event handler for “el.form.change”: “TypeError: value.getTime is not a function”这种情况是: elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format="yyyy-MM-dd"和校验规则{ type: ‘date’, required: true, message: ‘请选择原创 2021-09-03 10:10:43 · 1610 阅读 · 0 评论 -
el-dialog 层级出现问题
最近在项目中用到el-dialog, 出现了层级问题, 弹框的z-index是比遮罩层的大, 但是遮罩层却显示在弹框上层 , 如下图:解决方法: 在el-dialog中加上append-to-body<el-dialog title="请确认删除" :visible.sync="dialogRiskPerVisible" append-to-body> <el-row> <el-col :span="24"> <原创 2021-07-21 17:32:02 · 4661 阅读 · 3 评论 -
el-tree设置、取消选中状态(高亮)
在一个项目中, 有一个需求: 点击一个表格的每一行, 动态设置树节点的选中状态设置节点的选中状态可以直接使用setCurrentKey方法, 根据node-key设置this.$refs.tree.setCurrentKey(2);如果要取消选中状态,只需要设置成null就可以this.$refs.tree.setCurrentKey(null);在做取消选中状态时, 原本是使用原生js来移除选中状态的class, 然后报错: Uncaught TypeError: Cannot read p原创 2021-07-12 16:37:51 · 13905 阅读 · 6 评论 -
elementui el-tree组件使用@check-change事件多次触发
在一个项目中,有这样一个需求: 现在有一个table表格,一个el-tree树,下拉选择框, 表格中有一些默认数据, 当下拉选择类型后,可以勾选对应tree的子节点,勾选或取消勾选,动态展示在table表格中遇到的问题:使用@check-change时, 点击节点时,会多次触发, 勾选时,虽然会多次触发@check-change,但还是可以正常添加数据然而, 在取消勾选时, 如果点击的是叶子节点, 因为多次触发@check-change, 执行数组删除操作时,就会把这个分类下所有的数据都删掉, 很明显原创 2021-06-28 19:21:03 · 12367 阅读 · 1 评论 -
v-for和v-if想一起使用怎么处理
在项目中,需要使用v-for循环出多个el-col,同时要使用v-if,此时,编辑器会报错,提示不能同时使用v-for和v-if, 要想同时使用,只需要在外面用包裹,把v-for放在template标签中就可以了<el-form class="diy-form" label-width="80px" :model="modelName" ref="refName"> <el-row type="flex" :justify="sortTypes" style="flex-wrap:原创 2021-01-28 17:38:52 · 1785 阅读 · 1 评论 -
vue中多组件调用js,实现上下分屏,上下拖动
在vue后台项目中需要实现上下分屏拖动功能,分别放置不同表格进行对比:下面直接上代码公共js文件splitScreen.js内容:class DragController{ constructor(splitDragObj){ this.splitDragResize = splitDragObj.splitDragResize; // 上下分屏拖动 中间的div的id this.splitDragTop = splitDragObj.splitDragTop;原创 2021-01-22 11:35:41 · 1595 阅读 · 1 评论 -
elementUI中el-row超出一行时,使用justify
在vue项目中使用el-row布局时,如果el-col个数之和超过24之后,如果不用justify进行布局,那么会自动换行,否则,就会变成下面的效果:如果想要使用justify进行布局,就需要在el-row上添加style=“flex-wrap: wrap; flex-direction: row”,就可以解决,效果如下:...原创 2021-01-22 11:03:47 · 13005 阅读 · 1 评论 -
elementUIel-input和el-select宽度不一样
在vue项目中,使用了element组件的 el-input 和 el-select组件,设置了相同的宽度,但是宽度显示不一样,给el-select添加style=“width:100%” ,就可以解决没加样式之前的效果:添加样式:没加样式之后的效果:...原创 2021-01-22 10:46:19 · 2421 阅读 · 1 评论