ymumi的博客

月份数，薪资、电话号码等的 input 框需要限制只能输入数字类型内容1.实现：监听键盘输入，使用正则过滤掉其他字符oninput="value=value.replace(/^\.+|[^\d.]/g,'')<el-input v-model.trim="emp_work_experience.dimission_salary" placeholder...

常用的深拷贝的方法不适用于日期的深拷贝，对于date 类型，需使用下面的方法。更详细的对象深拷贝方法请参考：https://blog.youkuaiyun.com/liwusen/article/details/78759373写的很详细因为valueOf方法，日期类定义的valueOf()方法会返回它的一个内部表示：1970年1月1日以来的毫秒数.因此我们可以在Date的原型上定义克隆的方法：...

效果： 我是文字---------------------------------------代码实现了右边画线，左边画线同理。<div class="hour-box"> <p class="hour-line">我是文字</p> </div>.hour-box { position: rela...

< 2019-05-06 > :实现点击左右两边按钮 切换为前一天或者后一天 // 获取前天或者后一天 type: 0: 前一天 1：后一天 getBefOrAft(type,date){ let forMatDate = date.replace(/-/g, '/') // 格式化日期 2019-02-23 => 2019/0...

最近在做一个循环渲染多行多选框的页面，使用可element ui 的 checkdebox 组件。一维数组循环的是每一个多选框组，二维循环的是每个多选框组的选项。<el-row v-for="(item,index) in settingData" :key="index"> <el-col :span="4"> <span &gt...

页面上有两颗星星图标，画一条线连接两颗星星。1.先获取两点的坐标 2.计算弦长及旋转角度 3.绘制线<div class="quality-analysis"> <div class="cnt-box"> <span class="selected-start"> <svg class="icon fs1...

<template> <div class="constructional-step"> <div class="item-box" :class="index === dataList.length-1?'':'pb20'" v-for="(item,index) in dataList" :key="index + 'step'"> ...

场景：使用Element 的组件的，在轮播图组件中，指示器式在轮播图的下方居中，而ui小姐姐要把指示器放在右下角，所以， 需要重写轮播图组件的样式。Element 轮播图指示器的样式：.el-carousel__indicators{ position:absolute; list-style:none; bottom:0; left:5...

用户在textarea中输入的换行符，传到后台，再返回前端，展示在div中。vue 中 用 {{ }} 进行数据绑定的时候，可以看到换行符并不生效的。如果需要div显示为与textarea 一致的效果：解决办法1： v-html : 有安全风险，有注入攻击风险解决办法2： 在展示的div添加样式.pre-line { white-space: pre-line;}...

1.图片预览组件（Viewer）可预览图片 放大缩小、旋转使用方法超级简单官方文档：https://mirari.cc/v-viewer/2.图片裁剪组件github地址 :https://github.com/xyxiao001/vue-cropper...

<ve-bar :colors="barColors" height="140px" :extend="barExtend"></ve-bar> barColors:['#4ecb73','#f2637b','#fad337'], barExtend:{ yAxis: { show:false, /...

初始返回数据：trainDetails=[{ "id": 1, 'active':'羽毛球', "startDate": "2015-05-11"}, { "id": 2, 'active':'篮球', "startDate": "2015-05-10"}, { "id": 3, 'active':'乒乓球', ...

做一个项目用到好多次这个效果   没有图标， 鼠标移入后，显示背景色同时显示图标，鼠标移到图标上去之后图标需要改变颜色，研究尝试了不同的方法，使用的其他方法都遇到一些小问题，例如鼠标移动到图标上的时候背景色消失了。鼠标移入之前： 鼠标移入之后效果：方法一：（这个是找了好久，在SCDN上找到的，最便捷的方法，感谢大佬分享，解决了我的烦恼，是目前找到的最简单的方法，照搬的大佬的...

<el-switch v-model="autoUpdate" active-color="#5eb058" inactive-color="#cccccc" disabled @click.native="handleUpdate(autoUpdate)"> </el-switch>...

.el-dialog {    position: absolute;    top: 50%;    left: 50%;    margin: 0 !important;    transform: translate(-50%, -50%);    max-height: calc(100% - 30px);    max-width: calc(100% - 30px); ...

dialog 等通过 true ，false控制显示或隐藏的组件，关闭后再打开，因为只是显示或隐藏，并没有重新加载组件，所以会保留上次关闭前的数据，有时候我们并不希望这些数据保留，希望打开的时候是重新加载的最近的，这时候可以通过添加 v-if 来是其重新加载。&lt;component v-if='hackReset'&gt;&lt;/component&gt;在关闭按钮的方法中添加以下代...

1.格式化数字，使整数部分每三位加一个逗号const num = 2333333;num = num.toLocaleString(); // 2,333,333toLocaleString()还有很多其妙的用法，以及分隔数字后带的货币类型等，具体可以参考下面的文章，介绍得很详细：https://www.colabug.com/2626489.html2.强制保留2位小数...

进度条组件，根据参数的值，div显示不同的长度 <div class="node-line" :style="lineProgress"></div><script> export default { name: "trainSummaryInfo", data(){ return{ ...

需求：在搜索框输入关键字，点击搜索查找内容，在正文中匹配搜索关键字的内容高亮显示使用 new RegEXP 实现matchKeyword (searchKeyword, value) { // searchKeyword搜索关键字, value正文内容 if (value) { value = value + '' //转化为字符串类型 } ...