- 博客(21)
- 收藏
- 关注
原创 基于Vue的cron表达式
### 基于Vue的Cron表达式组件cron可选择为分钟、小时、天、星期、月和年代码如下,直接放在文件中便可使用 <el-form > <el-row :gutter="10"> <el-col :span="4"> <el-form-
2019-01-09 15:50:50 16271 13
原创 使用el-image-viewer的预览功能
使用el-image-viewer预览图片在main.js中引用组件import {Image} from 'element-ui' // 按需引入Vue.component('el-image-viewer', Image.components.ImageViewer)然后在文件中使用<template> <el-button type="primary" @click="onPreview">预览</el-button> <el-imag
2021-12-29 17:05:03 1832
原创 通过点绘制轨迹
canvas通过点绘制轨迹![在这里插入图片描述](https://img-blog.csdnimg.cn/025a8452270b4fa0bde887299833af3d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bCP6L-O,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center这是实现代码<template> <
2021-12-28 15:24:15 1062
原创 elementUI在新窗口打开页面
elementUI在新窗口打开页面首先在跳转页面获取域名 let href=window.location.href //当前页面域名 let params=`bigAttStatementDetail?type=100&employeeId=${row.empId}&date=${moment(date).format('YYYY-MM')}` //跳转页面及传参 let url = href.replace('partTimeE
2021-08-09 15:47:40 6998
原创 antvL7地图绘制
antv/L7地图在线绘制先下载依赖 npm install @antv/l7 @antv/l7-draw @antv/l7-maps --save开始绘制<template> <div id="map" class="map-contain"></div></template><script> import { Scene } from '@antv/l7'; import { GaodeMap } fro
2021-07-09 11:25:34 2559 1
原创 基于移动端写的表格之我的笨办法
移动端使用vue,自己写了一个笨笨的表格展示,固定左侧数据<template> <view style="height: 100%"> <view class="table"> <view class="thead"> <view class="th"> <view class="td" v-for="(item,index) in columns" :key="index"&g
2021-03-02 15:48:28 356
原创 el-table给表格中的表头和表体新增ClassName类名
el-tabel为表头或者表体设置className类名,自定义样式<template> <el-table class="integralTable" :data="tableData" border style="width: 100%" :header-cell-style=headerStyle :cell-style="{textAlign:'center'}" :header-cell-class-name="headerClassName" :cell-class-
2021-03-02 15:46:05 5724
原创 基于Vue的树形菜单权限分配图
基于Vue的树形菜单权限分配组件-vue<template> <el-row class="prems-setting"> <el-col :span="24" class="prems-area"> <el-row> <el-col :span="10" class="card-prems-tree"> <div class="div-title">待分配权限</
2021-01-13 18:00:24 1220
转载 一个针对小程序图片移动缩放比较好的demo地址
一个针对小程序图片移动缩放比较好的demo地址https://github.com/zhiming137/minapp
2020-05-26 16:37:57 124
原创 针对图片实现VR效果及360全景图片
vue实现的图片VR效果及360全景图片在组建中下载依赖cnpm i three --save-devcnpm install photo-sphere-viewer --save-dev //360图片全景预览插件实现效果//html <div class="PSViewer" ref="psvdbg"></div> // js <script> var THREE = require('three'); var PhotoSphe
2020-05-20 15:17:23 1129 1
原创 使用a标签下载文件流生成的二维码
使用A标签下载文件流形式的二维码 const title = `${item.inspLocationName}.png`; //item.inspLocationName 是文件名 const a = document.createElement('a'); document.body.appendChild(a) a.style.display = 'none...
2020-01-14 10:54:27 772
转载 el-select 下拉框多选实现全选
在写一个功能时发现el-select支持多选,但是竟然不支持全选,好无语哦,那就自己实现一下吧~有两种方法,第二种感觉简单些方法一:下拉项增加一个【全选】,然后应该有以下几种情况:1.下拉选项全都勾选时,【全选】自动勾选;2.下拉选项部分勾选时,点击【全选】后,所有下拉项全部勾选;3.下拉选项全都未勾选时,点击【全选】后,所有下拉选项不勾选;4.下拉选项和【全选】都选上的时候,不勾选任意...
2019-10-23 17:56:02 23269 7
原创 js动态计算n年,或n月,或n天之后的日期
js动态计算n年或者n月或者n天之后的日期由于需要动态计算日期并兼容ios手机日期格式返回使用 ‘YYYY/MM/DD’ 的格式,这属于借鉴并自己整理总结的三种方法,可能并不是很完善,希望有更好的方法的小伙伴一起分享一起完善n年之后的日期 getAfterNYear(year){ //year代表几年 this.startDate 代表开始日期 let ti...
2019-10-08 15:55:42 995
原创 在线打印数据
vue链接打印机打印1.直接在页面打开打印机 //去打印 toPrint(item,index){ var iframe = document.getElementById("iframe1"); var iwindow = iframe.contentWindow;//获取iframe的window对象 iwindow.do...
2019-10-08 15:39:51 193
原创 Mint-UI时间组件起始时间可随意更改,n天后或者n月后
Mint-UI时间组件起始时间控制可计算结束日期为今天之后的n天或者n月,这是用于vue组件中1.vue中写入 <mt-datetime-picker class="db" type="date" v-model="defaultTime" :startDate="startDate" ...
2019-05-24 17:19:43 708
翻译 promise和asyn的重要知识点
Promise 对象必知的几个特性1. Promise属于宏任务2. Promise的构造函数是同步,而then里的是异步的3. Promise状态不可逆4. Then接收的如果不是函数,会发生穿透5. Promise对象的resolve或者reject一个promise对象,前一个promise的状态会由后一个决定Asyn函数必知点1. Asyn函数会返回一个promise2. ...
2019-03-20 13:53:42 276
原创 mysql的一些命令
关于mysql的安装与使用mysql的官方下载网址: https://www.mysql.com/1、安装完成之后在文件夹与my-default.ini同目录下新增一个my.ini的文件并将my-default.ini的文件内容复制一份到新建文件中。2、在开始开始位置输入cmd然后右击命令提示符,然后选择以管理员身份进入,输入net start mysql 启动mysql, net stop...
2019-01-04 15:15:33 99
原创 高德导航的组件介入
对于一些项目需要在组件中插入地图,可以选取位置以及经纬度可以把下面的代码写入到子组件作为弹出的地图demo<template> <div class="amap-ref"> <div class="amap-cointainer" v-loading="mapLoading"> <el-row class=&quo
2019-01-04 15:12:34 920
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人