OG

switch只有个change事件，但很多时候我们是需要用户确认后再去改变状态的，解决办法就是在调用change时把switch绑定的值的父级对象当参数，然后在change的回调里执行取反<el-switch v-model="form.isShow" @change="changeSwitch(form)"></el-switch>export default { data () { form: { isShow: true } }, methods: {

解决办法：给表单el-form-item绑定个ref，然后在upload上传成功的回调里取消验证提示<el-form-item ref="headPortrait" label="头像" prop="headPortrait"> <el-upload v-model="form.headPortrait" :action="action" :show-file-list="false" :on-success="handleAvatarSuccess" > &lt

elementUI的级联选择器cascader文档是没有如何回显已选择过的数据的样例和方法。但我们可以通过官方文档的getCheckedNodes方法来拿到选择过的数据然后再用v-model来绑定，这样就可以回显数据了ps：我设置的cascader是多选的下图是打印getCheckedNodes()返回的数据，我们找到children为空的那个数据，path字段就是其中一个选中的数据路径。我们把所有children为空的path字段存到个数组里，绑定cascader的v-model就可以显示数据了。

场景：走马灯里有宽屏相片和竖屏相片共存时，超出走马灯设置的宽高后相片部分会被裁减，但我们希望无论什么分辨率的相片都能显示完全页面代码：<template> <el-carousel arrow="always" indicator-position="outside" :interval="2000" style="width:400px" height="300px"> <el-carousel-item v-for="item in imgs" :ke

v-for循环生成的表单项、动态生成的表单项都有个特性，就是prop不确定，没有prop的话我们就无法像普通表单验证那样校验，所以我们要用:prop来校验。语法：:prop="`v-for绑定的数组.${v-for的索引}.v-model绑定的变量`"示例如下：<el-form :model="organForm" ref="organForm"> <el-card v-for="(item, idx) in organForm.organList" :key="idx"&gt

创建表单时，若要对某个表单项做解释就要加问题引导，虽然el-form-item的label值类型是string，但我们可以用slot来自定义label的内容，代码如下：效果如下：

时间格式新版的elementui新增了定义时间格式的属性value-format，这样就不用再自己写js在各种格式间转换。例：下面例子在获取startDate时返回的就是’2019-11-06 11:17:13’<el-date-picker v-model="startDate" type="date" :value-format="'yyyy-MM-dd HH:mm:ss'"&...

关于结束时间不能大于开始时间的问题，在elementui里我们用官方提供的 disabledDate 选项来解决。 HTML：给选择器加上:picker-options属性//开始时间&lt;el-date-picker v-model="startDate"&gt;&lt;/el-date-picker&gt;//截止时间&lt;el-date-picker v-model="e...