让心在跳动-CSDN博客

原创 vue element ui TimePicker 时间选择器校验结束时间大于起始时间使用selectableRange 动态校验（只针对“时”“分”“秒”）

项目要求结束时间大于开始时间（时，分，秒）element ui TimePicker 时间选择器基本结构<el-time-picker v-model="value1" :picker-options="{ selectableRange: '18:30:00 - 20:30:00' }" placeholder="任意时间点"></el-time-picker>代码如下 <el-time-picker .

2021-02-04 19:27:31 13446 2

原创 Vue element DatePicker日期选择器选中开始时间，自动选中结束时间（开始时间加7）并且关闭时间控件下拉框，使用pickerOptions对象中 onPick（）方法

功能需求根据当前日期 — 禁止选中之后的日期据选中的开始日期，结束日期自动填充七天结束日期不能超过“当天日期” 开始日期和结束日期可以为同一天遇到的问题如何获取开始时间的数据结束时间自动填充后— 如何关闭下拉框数值无法赋值找到data方法中定义的变量pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); }, .

2021-01-27 23:45:40 13188 1

原创 vue 使某个组件不被 keep-alive 缓存的方法

开发需求动态展示系统首页所有的结构点击日期查询对应的数据点击数据跳转对应的页面然后返回上一页时 “要求保留跳转之前的日期数据状态”只针对系统首页进行数据缓存使用 vue内置组件 keep-alive 进行缓存从而实现想要的功能出现的问题使用keep-alive 包裹的路由会对所有的页面进行缓存任然保留上一次的数据与开发需求不符因为缓存的原因没有走到页面销毁的钩子函数 ‘deactivated’官网给出的解析“ keep-alive” 包裹动态组

2020-07-15 11:43:22 2815

原创 vue 实现当前页F11全屏和F5刷新（“provide / inject”）的功能

provide/inject介绍provide / inject：这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。provide ：选项应该是：一个对象或返回一个对象的函数inject：选项应该是：一个字符串数组，或一个对象，对象的 key 是本地的绑定名vue官网对provide-inject介绍：https://cn.vuejs.org/v2/api/#provide-inject示例在父组件中注册，通

2020-06-11 19:26:07 3638

原创自己封装的 vue 查看器可以查看pdf和图片图片可以切换、旋转、放大缩小（鼠标滚轮）、拖拽、删除功能

图片功能：切换图片、旋转、放大缩小（鼠标滚轮）、拖拽、删除功能当点击“查看当前图片时”，调用vue 中viewer.js组件也是具有以上功能pdf功能：在图片区域可以看到的啥也不说代码如下：<template> <div class="rotate_contanier"> <div class="headers">...

2019-12-26 16:05:03 1481 2

原创如何加载3D模型（odj文件和mtl文件）

项目中模型的加载问题

2019-01-25 11:04:24 7879

原创正则表达式整理，“密码”，“手机号”，“身份证”，“邮箱”，“税号”，“打折”，“数字”等等

最近项目用到的正则表达式密码密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)var a1= (rule, value, callback) => { var b1 = /^[a-zA-Z]\w{5,17}$/ if (!value) { callback(new Error("请输入******")); } else { if (b1 .test(value)) { callback();

2020-12-18 15:36:25 432 2

原创 css 实现table表头固定，内容进行滚动（两种方式）

首先要明确功能需求：固定表头table垂直滚动条table列宽自适应第一种方式：纯css<!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="pragma" content="no-cache"> <meta

2020-06-11 19:48:21 8091

原创 echarts 模仿3D地图实现数据动态交互

实现的效果图首先要获取地图数据------json或者geojson格式的文件可以通过 echarts-map最新实时geoJson文件下载*map地图 geoJson文件下载地址话不多说，代码如下：var uploadedDataURL = "common/nanjing.geoJson"; // 根目录下面如果地图加载不出来看一下是不是文件路径写错了func...

2020-03-25 15:09:36 4503

原创 echarts图表formatter函数的使用

formatter 提示框浮层内容格式器，支持字符串模板和回调函数两种形式。可以通过formatter 函数可以动态的修改我们想要展示的数据第一种：字符串模板 – 官网字符串模板模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。示例：formatter: '{b0}: {c0}<br />{b1}: {c1}'第二种：回...

2020-03-25 13:09:52 26247 15

原创 VUE自定义指令 computed和ref属性的使用

ref属性**ref属性表示对dom的引用，它的值可以随便取，但不能重复写在标签属性的位置 **如：<input type="text" v-model="newId" id="inputId" ref="inputRefId">获取ref属性对dom的值通过：在mounted 钩子函数中使用 this.$refs.ref的值来获取dommounted 钩子函数...

2019-10-14 17:31:56 2507

原创 Jquery中获取属性值的方法 attr()和prop()的用法和区别

在工作动态获取元素的属性值或者替换该元素的原来的属性值（非常常见） jQuery attr()方法来获取属性值如：<a href="https://www.baidu.com" id='btn'>百度</a>获取href的值 $('#btn').on('click',function(){...

2019-06-12 10:12:18 261

原创高德地图子页面（是通过iframe嵌套进去的，同时子页面在父页面弹框中）传值父页面---（Jquery的parent和parents）

子页面（是通过iframe嵌套进去的）传值父页面问题描述：是通过iframe嵌套进去的，同时子页面在父页面弹框中，子页面的值无法传递过去？？最终显示的功能需求----如图所示代码结构 <div class="paging"> <div class="btnStyle" id="btns"> <img src="images/btn-x.pn...

2019-05-15 17:30:21 2979

原创在使用iframe的时候想对它的父盒子进行隐藏和显示的问题

项目中出现的问题：按照常规的思路：是使用dispaly：none；对父盒子进行隐藏这样是可以进行的隐藏的，但是当你在次显示出来的时候 iframe 就会偏离原先的位置无法很好的对其实现隐藏和显示。解决方案：我们可以使用 visibility:hidden 对父元素进行隐藏然后，使用visibility:visible 进行显示 visiblity...

2019-01-25 17:26:33 720

原创博客生涯的开启

博客生涯开启的第一天，自从2018年十月多来南京就想写。由于在一个新的地方从新工作，亚历山大大帝呀。所以.......今天突然想起来了，在“2018年”里我还有一件事情没有完成。那就是写一篇“博客”。工作的繁忙，也许让我失去了一些业余的活动，但是，它却给我带来了“未来的方向”。付出与收获同在，或许当时在付出，并没有得到收获，但是，“上帝”是公平的对每一个人，他会在以后的生活中，去体现...

2019-01-25 09:58:37 117

让心在跳动