随笔分类 - ElementUi
摘要：/deep/ .el-table__fixed-body-wrapper{ overflow:hidden; }
阅读全文
摘要：注意：只有在element-ui版本大于2.8.2时，以下方法才生效 场景：实现上图框选功能，element-ui提供了输入长度限制的方法如下图 解决方法： <el-input type="textarea" placeholder="请输入内容" v-model="textarea" maxlen
阅读全文
摘要：第一步：安装element-ui npm install element-ui --save 第二步：在main.js中引入js和css import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'
阅读全文
摘要：HTML: <el-date-picker v-model="form.payoff" type="date" placeholder="请选择日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions1"> </el-date-pick
阅读全文
摘要：在使用element-ui组件时，需要修改组件的默认样式，此时采用/deep/可以达到很好的效果。 /deep/的用法： /deep/ .el-table{ background:pink; }
阅读全文
摘要：问题：在表格中使用type='selection'实现多选，需要禁用某一行。 解决办法： HTML： 1 <el-table-column type="selection" :selectable='checkboxSelect' width="55"></el-table-column> JS：
阅读全文
摘要：问题： 具体场景是：列表页分页（当前选中第5页），点击跳转详情页，返回列表页时，分页状态仍然停留在第5页。 解决办法： 1.在app.vue中添加keepAlive 1 <keep-alive> 2 <router-view v-if="$route.meta.keepAlive" :key="$r
阅读全文
摘要：在form中使用button标签，有时候就会刷新页面； 想要这个button不刷新页面， 就把form中的button改为 <input type=”button”>
阅读全文
摘要：问题： 日期选择器，选中某一天时报错。 解决办法： return定义时，设置为null
阅读全文
摘要：问题： 如上图所示，针对表头星号，我起初的想法是，通过给表单添加必填校验，表格表头就会自动带上星号，可是实际情况并不像理想中的那么好，并达到预计的效果，（如有朋友使用表单校验实现此效果，可以分享以下 ，嘿嘿）接下来我们来看一看具体如何解决。 解决办法： 由于代码过多，因此以下只给出了部分代码。 给表
阅读全文
摘要：去看一下表单验证的代码，找到这一句： this.$refs[formName].validate((valid) => { 看看这里refs的值与el-form上绑定的ref值一直不一致，注意：把refs和ref名字保持一致就行了
阅读全文
摘要：大家平时使用el-table时，想必一定使用过表格里面的多选吧，那么selection-change事件一定很熟悉吧，触发该事件时我们可以获取到所有被选中的数据。 产品需求： 如图所示，点击不同父级下的子级时，想要获取到所有被选中的数据 问题： 在具体场景中使用selection-change事件只
阅读全文
摘要：1 function parent(){ 2 var a=1; 3 var b=2; 4 var c=3; 5 return [a,b,c]; //返回格式 6 } 7 8 9 使用时这样获取, 10 例如获取a： parent()[0]; 11 获取b: parent()[1]; 12 以此类推！
阅读全文
摘要：最近在使用element-ui upload 上传多个文件的时候发现element-ui的批量上传是每个文件都请求一次接口,但是我们项目的需求是多个文件只请求一次接口，经历一番久战后，得出以下总结。 当点击”确定“（如图所示）时，需要进行手动调接口，进行以下操作： 1 submitUpload(fo
阅读全文
摘要：问题：需要获取文件总个数 上传文件时，如果未选择任何文件，则需提示 “请选择文件”，此时需要获取文件总个数进行判断，代码如下： 解决办法： 给el-upload绑定 on-change事件，从中可以拿到fileList所有选中文件的集合，因此就可以知道了文件的总个数 1 uploadChange(f
阅读全文
摘要：例如上图需要拿到 "山西省/运城市 /临猗县"的值 1 <el-cascader 2 ref="myCascader" 3 :props="{ checkStrictly: true }" 4 @change="handleAreaChange"> 5 </el-cascader> 给el-casc
阅读全文
摘要：方法一：给cascader组件赋值一个别名ref="myCascader" （注意：2.9.2 版本之前可用的方法) 1 this.$refs['myCascader'].currentLabels 方法二：在 2.9.2 后官方新增了 getCheckedNodes() 方法 1 this.$re
阅读全文
摘要：1 <el-form-item label="最高学历" prop="maxDegree"> 2 <el-select style="width:300px;" v-model="form.maxDegree"> 3 <el-option v-for="(item,index) in option"
阅读全文
摘要：问题： 对用户信息进行修改时，需默认填充可改选项，根据后台数据，确定单选按钮“输入年龄”默认选中，但是按钮样式确没有更新。 代码： <el-radio-group v-model="form1.bornWay"> <el-radio label="1">输入年龄</el-radio> <el-rad
阅读全文
浙公网安备 33010602011771号