yydszxd的博客

原创 基于vue封装的日期，月份，年份 组件 +echarts 环形图饼图

基于vue封装的日期，月份，年份 组件 +echarts 环形图饼图。

原创 Echarts层级地图

echarts层级地图

原创 实现深拷贝的几种方式

实现深拷贝的几种方式

原创 png图片转base64

<img id='iii' @load="abc" src="../aseets/bottom.png" > <canvas id="canvas"></canvas> abc(){ var canvas=document.getElementById('canvas') var img=document.getElementById('iii) var ctx=canvas.getContext("2d") var height.

原创 new Map()的基础用法(ES6)

<template> <el-table-column :formatter=“tableIdFormat”></el-table-column> </template> //this.$store.state.dataOrigin里面先存上数据 computed:{ getData(){ let map=new Map(); this.$store.state.dataOrigin.forEach((val)=&.

原创 vue js方法对参数处理，拼接到接口后面

function urlFormat(URL,params){ function replaceUrl(url,index,replaceText){ return url.substring(0,index)+replaceText+url.substring(index+1) } for(let i in params){ if(params[i] || params[i]===0){ URL=URL+`&${params[i]}` } } if.

原创 vue html下载导出为PDF

1.写一个js文件 // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' function exportPdf(fileName, domName, callback) { html2Canvas(document.querySelector("#" + domName), { allowTaint: true, backgroundColor: "#FFF"

原创 单行，多行文字超出显示省略号，鼠标悬停显示全部文字tooltip

//单行文字超出显示省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //多行文字超出显示省略号 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;//允许最多几行 -webkit-box-orient: vertical; //鼠标悬停 第一种方法 <span :title="it.

原创 vue 向下滑动显示返回按钮，点击按钮返回顶部

<template> <div> <div class="fixed" :class="{ active: juli < 100 }" @click="dianji"></div> </div> </template> <script> export default { data() { return { e: "", juli: "", }; }, .

原创 返回顶部VUE

import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false Vue.prototype.$eventBus = new Vue(); new Vue({ router, render: h => h(App), }).$mount('#app') <script> export default { .

原创 vue全屏显示

<el-button @click="screen=true">全屏显示</el-button> <div :class="screen?'screen':''"> <iframe :src="./static/tool/使用手册.pdf"></iframe> </div>

原创 checkbox 三联复杂功能

原创 CheckBox选中触发事件 和 取消选中触发事件

CheckBox(val,row){ if(val.includes(row)){ //触发选中事件 this.$refs.show(row.code) }else{ //触发取消选中事件 this.$refs.hide(row.code) } }

原创 vue自定义抽屉显示与隐藏

<div class="index"> <div id="setFloating"> <i id="setFloatingIcon" class="el-icon-caret-left" @click="shrink"></i> <span>我是首页</span> </div> main.js中 import './style/commen.less' Vue.prototype.shrink=fu.

原创 echarts 地图省市区边框+划过显示数据 vue

<div class="zEcharts" style="width: 500px; height: 70vh"> <div class="map-container" id="myEcharts" ref="myEchart" style="height: 100%; width: 100%" ></div>..