- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue使用el-table动态拆分/合并数据，以及合并列
项目场景：拆分数据：一条数据拆分成两条 scheduleList(params).then(res => { if (res.code === 200) { let result = res.data; result.forEach(item => { item.StartTimeAndEndTime = item.sectionStartTime + "-" + item.sectionEndTime;
2022-06-28 14:50:20
3766
1
原创 【ElementUI】日期选择器时间选择范围限制
【ElementUI】日期选择器时间选择范围限制单个输入框的两个输入框ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。单个输入框的<div class="block"> <span class="demonstration">设置默认时间</span>
2021-01-13 17:57:25
343
原创 moment日期格式化插件
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。一、引入moment.js1.Node.js方式引入（1）安装npm install moment 或者 yarn add moment（2）引入// require 方式var moment = require('moment
2020-12-30 10:09:06
657
原创 FormData 接口的append() 方法
FormData 接口的append() 方法 会添加一个新值到 FormData 对象内的一个已存在的键中，如果键不存在则会添加该键。FormData.set 和 append() 的区别在于，如果指定的键已经存在， FormData.set 会使用新值覆盖已有的值，而 append() 会把新值添加到已有值集合的后面。提示： 这个方法在 Web Workers 中可用。语法这个方法有两个版本：一个有两个参数的版本和一个有三个参数的版本。formData.append(name, value);
2020-12-28 17:52:27
21879
原创 字符串拼接变量table label
<el-table-column prop="faceGivePeriodTheory" :label="`面授理论学时${classtime.faceGivePeriodTheory ? '('+ classtime.faceGivePeriodTheory+')':''}`" align="center" > </el-table-column>
2020-12-25 11:27:46
761
原创 日期格式table时间戳转format
<el-table-column label="实操考试时间" align="center" :formatter="operExamTimeFormat" min-width="220" prop="operExamTime"></el-table-column> operExamTimeFormat(row, column) { if(row.operExamTime) { let startTime = this.m
2020-12-25 11:11:57
220
原创 日期格式Date类型转化String类型
页面 <el-dialog :title="arrangeExamType==='add'?'新增考试计划':'编辑考试计划'" :visible.sync="arrangeExamDialogVisible" width="60%" :before-close="closeRefuseDialog" :close-on-click-modal="false"> <el-form :model="arrangeFor
2020-12-15 16:06:58
482
原创 伪随机生成多位数字编号
this.arrangeForms.computerNumber = ''; for (let i = 0; i < 8; i++) { this.arrangeForms.computerNumber += Math.floor(Math.random() * 10); //Math.random()随机生活大于等于0小于1的 //Math.floor向下取整 //字符串相加 } this.arra.
2020-12-15 14:16:01
94
原创 前端在form表单输入验证时，常用的工具库正则表达式和方法
/*手机号*/export function validateTel(tel) { var TEL_REGEXP =/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/ if(TEL_REGEXP.test(tel)){ return true; } return false;} /*邮箱*/export function validateEmail(email) { var EMAIL_RE
2020-12-14 15:19:05
313
1
原创 补考时间范围不得大于考试时间范围
日期控件<el-col> <el-form-item label="考试日期" prop="examTimevalue"> <el-date-picker v-model="itemFrom.examTimevalue" type="datetimerange" format="yyyy-MM-dd HH:mm:ss"
2020-12-14 14:32:24
134
原创 vue html页面打印功能vue-print-nb
准考证打印 <el-button v-if="scope.row.examState==1" type="text" @click="examPrint(scope.row.arrangeId)" >准考证打印 </el-button>examPrint方法// 准考证打印 examPrint(arrangeId) { let params =
2020-12-10 13:58:35
732
1
原创 vue常用正则表达式
正整数：<el-input style="width: 200px" v-model="formSearchData.period" @input="(val) => {formSearchData.period = val.replace(/[^\d]/g, '');}" placeholder="计划期数" ></el-input>0-100分数验证：var examRu
2020-12-08 14:12:08
12063
2
原创 页面跳转带参数
<el-table-column label="操作" align="center" width="100" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button type="text" @click="handleCheck(scope.row)">查看</el-button> </templ.
2020-12-07 16:09:35
161
原创 table 选择多行数据时使用 Checkbox。
选中表格（多选）前面的复选框view： <el-table v-loading="loading" :data="tableData" border @selection-change="handleSelectionChange" >push方法 handleSelectionChange(selection) { this.stuArr = selection.map( item => item.stuId); },map方法 h
2020-12-07 15:45:11
773
1
原创 日期格式转化
表格日期格式：（operExamTime 类型：data） <el-table-column label="实操考试时间" align="center" :formatter="operExamTimeFormat" min-width="220" prop="operExamTime" //operExamTime 实操考试开始时间 [date] ></el-table-column>operExamTimeFormat(row, column) {
2020-11-30 11:52:21
173
原创 vue 数据字典翻译 表格数据处理的两种方法
第一种: <el-table :data="teacherList"> <el-table-column label="姓名" align="center" prop="teacherName" min-width="70"> </el-table-column> <el-table-column label="性别" align="center" pr
2020-11-27 17:26:03
3918
2
原创 element-ui Cascader 级联选择器清除选中
<el-col :span="24"> <el-form-item label="教室地址" prop="regionCode"> <el-cascader style="width: 100%;" class="input-width" ref="cascaderClassroom" expand-
2020-11-27 17:13:21
1081
原创 vue upload限制上传图片大小
页面<el-col :span="6" class="center"> <el-form-item label="上传近期免冠证件照" required> <el-upload class="avatar-uploader" style="width: 100%;" list-type="picture-card" :ac
2020-11-27 15:23:47
1185
原创 vue成绩校验
页面<el-col :span="12"> <el-form-item label="考试成绩" prop="examScore"> <el-input v-model="itemForm.examScore" placeholder="考试成绩" :maxlength="3"/> </el-form-item> </el-col>判断 data
2020-11-27 15:03:20
809
原创 登录-两次密码输入验证
data() { var validatePass2 = (rule, value, callback) => { if (value === '') { callback(new Error('请再次输入密码')); } else if (value !== this.ruleform.password2) { callback(n.
2020-10-27 18:01:59
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人