自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 VUE实现前台图片 标注(添加矩形框)、放大、缩小、拖拽 -----个人记录

VUE实现前台图片 标注(添加矩形框)、放大、缩小、拖拽需求:实现图片上自定义多个矩形选框,选框可移动缩放拖动,图片可以放大缩小、拖拽 ,选框内填充标注文字。标注文字部位基本都会,不多赘述看下成品代码<template> <div id="test" style="user-select: none;"> <button @click="fangda">放大</button> <button @click="suoxiao"&gt

2020-11-06 14:23:09 5383 6

原创 vue之elementUI中根据后台数据循环渲染echars

记录:直接贴代码# html部分js 方法部分:forEchars(){ for(var i=0; i<this.CharsData.length;i++){ console.log('22222222222222',document.getElementById('bar'+i)) var myC...

2019-06-11 15:07:13 3571 1

原创 elementUI 表格添加类名 实现不同样式样式 记录

想要实现样式类似这样 两状态 两种样式使用到 elememt的一个方法,记录一下第一次使用;<el-table :data="tableData" :row-class-name="tableRowClassName" @selection-change="handleSelectionChange" ...

2020-01-08 17:46:46 3502

原创 记录 echars 绑定点击事件

echars 官方文档https://www.echartsjs.com/zh/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA参考文档不止有点击click 还支持好多事件ECharts 支持常规的鼠标事件类型,包括 ‘click’、‘dblclick’、‘mo...

2019-09-10 10:19:15 377

原创 记录 仿zabbix_sever echars动态渲染,动态切换图样式(饼、线、柱)是否堆叠,是否阴影

· 最近应项目需求需要做一个类似zabbix_sever 服务的echars 动态渲染,动态切换图样式(饼、线、柱)是否堆叠,是否阴影的功能(VUE后台项目elementUI 框架)准备工作1.VUE项目2.引入echars3.echars 容器#首先说一下这个需求的重点就是监听echars ,因为前台操作,需要echars 随之改变,我用的是watch深度监听echars的optio...

2019-09-10 10:09:24 315

转载 js改变对象的key,把key替换成想要的key,值不变

js改变对象的key,把key替换成想要的key,值不变例如把接口返回对象data {id:“11”,name:“张三”} 的key值替换成 {序列:“11”,姓名:“张三” }data {id:‘11’,name:‘张三’}var keyMap = {id: ‘序列’, name: ‘姓名’}var objs= Object.keys(data).reduce((newData, key...

2019-06-25 13:43:22 19677 3

原创 记录一下for循环遍历数据的key value ;vue v-for 循环遍历数据的key和value;

首先 根据搜寻来的资料for 循环数据的key 和value1.做个数据demoobj:{ 信息:1, 类型:'dfdsf', c:true}for(var key in obj){console.log(key,obj[key])}*打印结果为: 信息 1 类型 dfdsf*...

2019-06-25 10:55:58 10244

转载 webpack 3X-4X升级

参考使用:https://blog.csdn.net/qq_16559905/article/details/79404173

2019-03-09 15:13:53 160

原创 Moment.js

链接:http://momentjs.cn/

2019-03-09 15:06:16 306

原创 vue 省市三级联动

参考地址:https://www.awesomes.cn/repo/jcc/v-distpicker

2019-03-09 15:02:22 372

原创 Vue-cli 项目搭建

环境搭建1. 安装 node.js (官网下载,按电脑版本选择32位或者64位) node - v 检测版本2. 安装webpack npm install webpack -g webpack -v 检测是否安装成功 项目搭建1. npm install vue-cli -g (vue -V) 接下来的步骤有两...

2019-03-09 14:54:25 80

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除