logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

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

#javascript#前端
自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能

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

css 实现table表头固定,内容进行滚动 (两种方式)

首先要明确功能需求:固定表头table垂直滚动条table列宽自适应第一种方式:纯css<!DOCTYPE html><!-- 不加此标签,IE不生效 --><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="pra

#css#css3#html
vue element ui TimePicker 时间选择器校验结束时间大于起始时间 使用selectableRange 动态校验 (只针对“时”“分”“秒”)

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

#javascript#es6#vue.js
Vue element DatePicker日期选择器 选中开始时间,自动选中结束时间(开始时间加7)并且关闭时间控件下拉框,使用pickerOptions对象中 onPick()方法

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

#vue.js#javascript
VUE自定义指令 computed和ref属性的使用

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

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

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

#es6
vue 实现当前页F11全屏和F5刷新(“provide / inject”)的功能

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

#javascript
vue element ui TimePicker 时间选择器校验结束时间大于起始时间 使用selectableRange 动态校验 (只针对“时”“分”“秒”)

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

#javascript#es6#vue.js
Vue element DatePicker日期选择器 选中开始时间,自动选中结束时间(开始时间加7)并且关闭时间控件下拉框,使用pickerOptions对象中 onPick()方法

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

#vue.js#javascript
    共 12 条
  • 1
  • 2
  • 请选择