使用elementUI的日期时间选择控件报错"TypeError: value.getTime is not a function"
原因是：日期选择器【el-date-picker】加了格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd"和校验规则：{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }...
elementUI使用日期选择器组件报错 dateObject.getTime is not a function
转载自：https://blog.csdn.net/xiaoxiangzi520/article/details/99637359 页面：代码：然后选择日期或者点击“解析”按钮提交validate校验表单都报错：分析原因为rules中type:'date'造成的，因为初始化成了string类型。改为...
ElementUI表格复选与行单选结合
在使用ElementUI的表格时遇到了复选/多选与行单选的问题，这里记录一下供以后回顾，如果能帮助其他遇到这个问题的小伙伴解决同样的问题就再好不过啦~这里首先说一下我所设想的操作场景，用户可以自由通过ElementUI的复选框和全选框和单击行的形式进行相应数据的获取，因为我使用的表格需要获取相应的客...
elementui中时间控件限制日期+选择不生效
当前时间只能选择两年之内的时间 + 只能选择30天之内的时间范围其实这个功能只需要一个时间框，跟后台讨论 只能选择两年之内的时间，数据检索两个月之内的数据就可完美解决，只是无奈 有的 （沙币）不同意。实现：1.html<el-date-pickerv-model="resForm.nowDat...
如何修改elementUI里面Dialog组件标题的样式
项目的需求是将箭头处的标题设计成UI稿上的样式！然后我发现，代码是这样的，于是去elementUI源码一探究竟： 源码实际上是在这一块做了一个 具名插槽 然后将我们在父组件中将标题传进来就可以了； 那我们在父组件的时候，不传值进来； 从父组件中传一个template替换掉这个具名插槽 就这样，我们完...
elementui 导航菜单栏和Breadcrumb 面包屑关联
系列文章目录 一、elementui 导航菜单栏和Breadcrumb 面包屑关联 文章目录 系列文章目录前言一、elementui 导航菜单栏和Breadcrumb 面包屑怎么关联？二、实现效果三、实现步骤1.本项目演示布局2.添加面包屑2.实现breadcrumbName方法3.监听方法...
elementui中树（le-tree）动态刷新选项
今天项目中出现一个问题，需要让el-tree组件动态的刷新选中内容，官方给出的是这样的例子：但是我自己试了试并不管用，然后摸索了半天发现，还需要在组件上加一个这个：menuses是动态选中的那一组数据，也是在this.$refs.tree.setCheckedNodes(this.menuses);...
elementui tree显示两列字段数据
这两天被el-tree搞死了，为了实现如下效果：###试了可以两排显示的 使用 render-content以及使用 scoped slot，都不能识别除label以外的字段，好坑啊为什么。。。###oh，my god，解决代码如下：之前一直用的node.num，仔细试了一下才看清人家写的是data...
使用ElementUi的table组件自定义添加升序、降序按钮和点击事件及排序
先上一张图需求：只给一级元素OR排序，分解出来的SR和AR不得排序，随着OR的位置顺序变动而变动，注意：每一个OR的唯一标识除了id以外还有_level字段，及OR的_level为1，SR的_level为2实现：使用elementui提供的sortable默认是把所有的_level为1和2的所有行都...
Vue入门 IDEA创建vue项目并安装UI框架ElementUI
window环境中IntelliJ IDEA创建vue项目一、安装node.js二、安装vue-cli脚手架三、使用IntelliJ IDEA创建vue项目四、运行vue项目五、安装Element-ui一、安装node.jsnode.js官网下载地址：https://nodejs.org/zh-cn...
elementui 动态表头
最近，在用elementui做一个动态表头的功能，把自己开发的流程大概分享一下。首先，我们得了解这个option的作用：这个:option属性就是绑定我们列表表格的模板。通过引入我们写好的js文件来构成一个表格。这个js文件我也贴一部分代码出来介绍一下可以看出来，这个column就是我们的列数组。那...
【VUE】（三）VUE+ElementUI+mock模拟数据做增删改查Demo（附源码）
用Vue+elmentUI+mock模拟数据实现简单的增删改查前言：最近花了一点时间写看一个用mock模拟后端数据展示在前端页面并做简单的增删改查demo 也是现学现卖，有不足的地方，欢迎大家指正。功能：主页面如下图所示首先是查询功能： 同时也包括分页的功能，这里为了看得清楚，我是将每页固定显示5条...
elementUI Cascader 级联选择器获取数据信息
官方API： http://element-cn.eleme.io/#/zh-CN/component/cascader <el-cascader :options="goodsOptions" v-model="selectedOptions" @change="handleChange()...
elementUI的级联选择器「el-cascader」切换数据时报错
出现这个报错，一般都是应为改变了butlerform.allCommunitys里边的值，然后上一次cascader点击有默认的记录，但是butlerform.allCommunitys的值已经被更新，当然找不到上一次cascader点击的默认记录，故而会报错。 所以我们要...
vue +elementUI 级联选择器 el-cascader 一些坑
vue +elementUI 级联选择器 el-cascader 一些坑当级联选择器设置为多选模式（:props="{ multiple: true }"），一项项逐条删除选中的项，出现以下报错时：请注意一定检查你的数据项结构 options 的value不能为0！只要不为零就可以！如下图，设置 :...
elementui 踩坑（一） 解决时间选择器位置变动问题
问题描述先放图，如下当表单元素内容过长时，就会产生日期时间组件弹框挤到上面去，但开始的时间又是在下面显示的，就会产生不美观的效应，于是，为了更加优化，解决时间日期组件位置固定的问题，可采取如图方法：尽量将包含日期时间的组件放到表单的最前面，这样就可以避免因表单过长出现弹框挤压的问题。...
vue+ElementUI自定义tree树形控件小图标
Element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下教程：1.进入iconfont http://www.iconfont.cn/ 注册 >登录>图标管理>我的项目2.进入到我的项目里(第一次进可...
elementui表格中表头宽和内容宽不能自动匹配
elementui表格中表头宽和内容宽不能自动匹配table中的数据是动态加载出来的，结果表头和内容总宽对不齐，如下图：解决办法设置样式checkTable是我自己起的表格ID，总之就是将表头中的th，F12打开会看到最后一个是display:none的，只要放开就可以了...
基于vue2.0 + elementUI 后台管理平台
Vue-Admin-Demo这是一个基于vue2.0 + elementUI 后台管理平台Github: https://github.com/xiahuahua/vue-vux-demo（欢迎Star）技术栈传说中的VUE全家桶(vue vue-router veux)axisElement UI...
关于elementUI中上传组件点击上传时页面卡死的问题
关于elementUI中上传组件点击上传时页面卡死的问题最近项目中使用upload组件上传表格问题，然后呢出现页面卡死的问题。在网上找了很多文件的解决办法都说是输入法的问题，我仔细检查了代码，在accpet属性接收类型我设置的为空，我试着添加了接收类型 然后再试着点击上传文件，发现不卡了，问题就这样...